jquery data的用法
2024-09-03 14:32:06
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
最新文章
- 【Win10 应用开发】自定义应用标题栏
- sql server 脚本创建数据库和表
- Python基础篇【第6篇】: Python装饰器
- redis的简单安装配置
- python基础——切片
- HDP2.4安装(四):ambari安装
- OpenGL Shader源码分享
- python--参数列表的分拆
- C语言之宏
- POJ3461 Oulipo KMP算法
- tcpdump来抓取执行的sql语句
- Buddy system伙伴分配器实现
- python3-day1(文件操作)
- Python学习笔记8-类的继承 、深度优先、广度优先
- PLSQL导入/导出数据方法
- C++各个存储区
- 使用With递归查询 树
- html5 服務器發送事件
- 记录下pytorch代码从0.3版本迁移到0.4版本要做的一些更改。
- ECstore后台报表显示空白问题解决办法
热门文章
- http response压缩
- phpstorm的下载激活及定制使用和设置
- @清晰掉 makefile
- lr中用C语言比较两个字符串变量
- nginx利用try_files实现多个源
- ASP.NET对路径";C:/.......";的访问被拒绝 解决方法小结 [转载]
- Delphi DbgridEh实现鼠标拖动选中列,并使复选框选中
- c++ 创建 uuid guid
- Java String == &;&; equal
- angular5 给元素添加自定义属性