
某些非text元素,如a、button等用于触发时间的标签可已将要传的数据放在一个属性中,如data,这个属性必须是不影响样式的,可以使用任意非html定义的名字命名属性,然后将数据传到属性中。
具体可以按照如下程序设置:
<button data="123" id="but" onclick="fun()">按钮</button>
然后通过attr这个方法获取属性内容$('#but').attr('data')
其实完全可以直接写在onclick里作为参数
<button onclick="fun(123)">按钮</button>
如果使用id触发方法,还可以直接用this选择
<button data="123" id="but" >按钮</button>
$('#but').on('click', function(){
var val = $(this).attr('data')
})
在按钮onclick事件中直接修改style.width的值即可,先把按钮设定宽度(style = "width:80px"),然后通过onclick事件修改,使用parseInt函数把带px单位的宽度转成数字再加10,代码如下:
<!DOCTYPE html><head>
<title>Test Button</title>
</head>
<body>
<input type="button" value="Button" id="" onclick="this.style.width = (parseInt(this.style.width) + 10) + 'px'" style="width:80px">
</body>
</html>
效果如下:
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)