jquery中data的用法,html5 data 属性

　　HTML5新增属性data-*

　　写作范例

　　div data-role= page data-last-value= 43 data-hidden= true data-options= { name : John } /div1. 定义：

　　data-*属性用于存储页面或应用程序的私有自定义数据。

　　data-*属性使我们能够在所有HTML元素上嵌入定制的数据属性。

　　2. 注意点：

　　data-*属性由两部分组成：

　　属性名不应包含任何大写字母，并且前缀“data-”后必须至少有一个字符。属性值可以是data-*属性和jQuery交互之间的任何字符串。

　　使用。jQuery中的data()函数来获取data-*属性值。

　　console.log($(div )。数据( last value )；//输出值为：43console.log ($ (div )。数据( role )；//输出值为：注意事项页

　　数据-**属性名称格式驼峰命名重写

　　在第一次使用该数据属性后，不会访问或更改该数据属性(所有数据值都存储在jQuery中)。

　　演示：

　　console.log($(div )。数据( last value )；//输出值为：43 $(div )。数据( lastValue ，44)；//Set data-last-value=44 $( div )[2]//假设这是文档中的第3个div，我们输出这个DOM//output:div data-role= page data-last-value= 43 data-hidden= true data-options=

　　console.log($(div )。数据( last value )；//输出值为：44。该值只是存储在jQuery中。

　　使用。jQuery中的attr()函数来获取data-*属性值。

　　console.log($(div )。attr( data-role )；//输出值为：pageconsole.log ($ (div )。attr( data-last-value )；//输出值是：43使用。jQuery中的attr()函数来设置data-*属性值

　　$(div )。attr(data-emp ，{name :张三， age :23 })；//给div添加一个data-emp属性，属性值为json对象。注意：破折号应该转换成驼峰名称。

　　总结

　　以上是data-*和边肖推出的HTML5新属性js/jquery的交互。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对网站的支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。