js onclick 传递 this对象 +html自定义属性 data-*
2017-03-11 16:11
369 查看
<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标签上添加任意以
可是,怎么来读取这些数据呢?你当然可以遍历页面元素来读取你想要的属性,但jquery已经内置了方法来操作这些属性。使用jQuery的.data()方法来访问这些
obj.data(category).
在这里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).
相关文章推荐
- HTML中data自定义属性的使用和插件应用介绍
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- jQuery 数据 - jQuery.data() 方法和HTML 5 的自定义 data-* 属性
- HTML 5 的data-* 自定义属性
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- HTML 5 的data-* 自定义属性
- Html自定义属性data-
- HTML自定义对象与属性(谷歌,火狐,IE9浏览器没问题)
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- HTML中data自定义属性的使用和插件应用
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- html5 自定义数据属性 ,也就是 data-* 自定义属性---笔记。
- js onclick事件 传递this对象
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- 如何给html元素的onclick事件传递参数(即如何获取html标签的data-*属性)
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- HTML data-*自定义属性