脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery中使用data()方法读取HTML5自定义属性data-*实例,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
主要的方法如下:
. 代码如下:
.data( key, value )
.data( obj )
.data( key )
.data()
. 代码如下:
<p data-role = "page" data-last-value = "43" data-hidden = "true" data-options = '{"name":"John"}' > </p>
. 代码如下:
$ ( "p" ) . data ( "role" ) === "page" ;
$ ( "p" ) . data ( "lastValue" ) === 43 ;
$ ( "p" ) . data ( "hidden" ) === true ;
$ ( "p" ) . data ( "options" ) . name === "John" ;
如果数据(data)属性是一个对象(以“{”开始)或数组(以'[‘开始),可以用jQuery.parseJSON 将其解析成字符串;它必须遵循 有效的JSON的语法 ,包括带双引号的属性名称。如果该值不能解析为一个JavaScript值,它将被保留为字符串。
如果想将取出的属性值直接当作字符串的话,请使用 attr() 方法。
data-属性是在第一次使用这个数据属性后不再存取或改变(所有的数据值都在jQuery内部存储)。
调用 .data() 时如果不带参数,将会以 JavaScript 对象的形式获取所有数据。这个对象可以安全的存放在变量中,因为一旦这个新对象被提取出来,之后对元素进行的 .data(obj) 操作,将不会再影响这个对象。另外,直接操作这个对象会比每次调用 .data() 来设置或获取值要快一些。
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery中使用data()方法读取HTML5自定义属性data-*实例全部内容,希望文章能够帮你解决javascript代码实例教程-jQuery中使用data()方法读取HTML5自定义属性data-*实例所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。