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
- js onclick 传递 this对象 +html自定义属性 data-*
- js onclick事件 传递this对象
- <a>标签中href属性动作和onclick事件的区别以及传递this参数对象
- HTML data-*自定义属性
- 给html元素的onclick事件传递参数(即如何获取html标签的data-*属性&直接传参方法)
- html属性-data-*自定义属性
- JS自定义data-*属性
- html data-*自定义属性的
- html、HTML 5 的data-* 自定义属性
- html拼接时onclick事件传递json对象
- js自定义对象.属性
- js自定义对象.属性
- js自定义对象.属性
- js自定义对象.属性
- js自定义对象.属性
- js自定义对象.属性
- js onclick方法 传递json对象报错
- 如何给html元素的onclick事件传递参数即如何获取html标签的data
- 关于OGG单表同步
- VS如何正确地加载库
- java.lang.UnsatisfiedLinkError
- 《μCOS-III源码分析笔记》学习笔记|1|第二章时钟节拍
- 数据结构之浅析快速排序
- js onclick 传递 this对象 +html自定义属性 data-*
- 定时器
- 量化投资-基本面模型-沪铅多因素模型
- SSL 1637——苹果
- 字符串
- 算法笔试面试高频题之-一(小试牛刀)
- 数据库系统概念
- 通过@ModelAttribute注解封装客户端提交表单参数为一个业务对象
- 对linux信号量的理解以及实现