实测jquery data()如何存值


Posted in Javascript onAugust 18, 2013

今天在js权威指南第19章看到一句话, 说 jQuery的数据框架没有将元素数据当作元素属性来存储,但它确实需要给元素添加一个特殊的属性用来与数据关联. 但jQuery究竟是添加了一个怎样特殊的属性,目前我还没研究, 但我记得是可以通过jQuery的data("xxx")方法取HTML标签上的data-xxx属性的值的.

测试及结果如下:

var $demo1 = $("#demo1"); 
$demo1.data("x",123); 
console.log($demo1.attr("x")); //undefined 
$demo1.attr("data-y","abc"); 
console.log($demo1.data("y")); //"abc"
Javascript 相关文章推荐
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
JavaScript生成GUID的多种算法小结
Aug 18 Javascript
jquery创建表格(自动增加表格)代码分享
Dec 25 Javascript
jQuery标签编辑插件Tagit使用指南
Apr 21 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
jquery自定义插件开发之window的实现过程
May 06 Javascript
JavaScript中ES6字符串扩展方法
Aug 26 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
基于Vue开发数字输入框组件
Dec 19 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
100行代码实现一个vue分页组功能
Nov 06 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 Javascript
js兼容的placeholder属性详解
Aug 18 #Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
Aug 18 #Javascript
jquery验证表单中的单选与多选实例
Aug 18 #Javascript
JS+CSS实现一个气泡提示框
Aug 18 #Javascript
JS中for循序中延迟加载动态效果的具体实现
Aug 18 #Javascript
js实现动态添加、删除行、onkeyup表格求和示例
Aug 18 #Javascript
JS通过相同的name进行表格求和代码
Aug 18 #Javascript
You might like
PHP中$_SERVER的详细参数与说明介绍
2013/10/26 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
详解PHP中的外观模式facade pattern
2018/02/05 PHP
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
2017/12/23 Javascript
iView框架问题整理小结
2018/10/16 Javascript
javascript浅层克隆、深度克隆对比及实例解析
2020/02/09 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
原生JS运动实现轮播图
2021/01/02 Javascript
Python中实现两个字典(dict)合并的方法
2014/09/23 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
python实现学生管理系统
2018/01/11 Python
高效使用Python字典的清单
2018/04/04 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
Python字典fromkeys()方法使用代码实例
2020/07/20 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
大学同学聚会邀请函
2014/01/29 职场文书
2014领导班子四风问题对照检查材料思想汇报
2014/09/21 职场文书
党支部四风整改方案
2014/10/25 职场文书
2014年中职班主任工作总结
2014/12/16 职场文书
小学班主任事迹材料
2014/12/17 职场文书
公务员政审材料范文
2014/12/23 职场文书
Spring Boot实现文件上传下载
2022/08/14 Java/Android