js onclick 传递 this对象 +html自定义属性 data-*

来源:互联网 发布:业务流程优化 编辑:程序博客网 时间:2024/06/03 15:56

<button type="button" class="btn btn-default" onclick="searchBycategory(this)" data-category='男装'>男装</button>

在这里this指触发事件的对象

data-category html5自定义属性

alert($(obj).attr("data-category"));     男装

可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示的,它不会影响到你的页面布局和风格,但它却是可读可写的

可是,怎么来读取这些数据呢?你当然可以遍历页面元素来读取你想要的属性,但jquery已经内置了方法来操作这些属性。使用jQuery的.data()方法来访问这些"data-*"属性。其中一个方法就是 .data(obj),这个方法是在 jQuery1.4.3版本后出现的,它能返回相应的data属性。

obj.data(category).

0 0
原创粉丝点击