jquery data的用法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

jquery data和 jquery attr, js getAttribute 有着本质的区别，并且无法用$(el).data('property')的方法，去获取$(el).attr('data-property')和 getAttribute('property')的值

jquery data 是一种缓存机制

用法如下：

data()方法

//HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>

//获取属性

var appid = $("#myDiv").data("appid"); //

var app-id = $("#myDiv").data("app-id"); //

//属性赋值 $("#myDiv").data("appid","666");

//最终HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>

需要注意的是，data()的值进行修改并不会影响到DOM元素上的data-*属性的改变。data()的本质其实是将一个 “cache” 附加到了对象上，并使用了一个特殊的属性名称。

所以上述代码中，虽然对div进行了data()赋值操作，但HTML代码中div的data-appid的值仍然为123，因为data()只是修改了缓存的那个值，此时进行$('#myDiv').data("appid")的操作，输出的结果为666.

参考文档： http://www.cnblogs.com/lzijian/p/6322868.html