Jquery-data的三种用法
更新时间：2017年04月18日 10:07:26 作者：哈哈哈是我呀
本篇文章主要介绍了Jquery-data的三种用法。具有很好的参考价值。下面跟着小编一起来看下吧
记录一下
Jquery-data的用处：
jQuery-data主要是用来存储数据，帮助普通对象或者jQuery对象来存储数据，其实如果单纯的储存dom的单一的属性，用attr自定义属性足够了；如果存储多个键值对建议用jQuery-data;
例如： 图片的懒加载好多插件就用到了jquery-data，先把图片的真实地址储存到jquery-data中，做个监听事件，等到滑到该图片时再把真实地址取出来；
用法一：给普通对象储存单个属性和取值
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = {};
$.data(obj, 'name', 'xm'); // 赋值
var str = $.data(obj, 'name'); // 读取值
console.log(str) // "xm"
用法二：给普通对象储存多个属性和取值
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = {};
$.data(obj,{name1:"xm",name2:"xh"}); // 赋值
var str1 = $.data(obj, 'name1'); // 读取值
var str2 = $.data(obj, 'name2'); // 读取值
console.log(str1) // "xm"
console.log(str1) // "xh"
用法三：给Jquery dom对象取值赋值
<div class="demo"></div>
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = $('.demo');
$.data(obj,{name1:"xm",name2:"xh"}); // 赋值
var str1 = $.data(obj, 'name1'); // 读取值
var str2 = $.data(obj, 'name2'); // 读取值
console.log(str1) // "xm"
console.log(str1) // "xh"
// 就是把obj换成jquery对象这么简单
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便，本篇文章给大家介绍jquery效果使用详解，感兴趣的朋友一起学习吧2015-11-11
基于jquery的自定义鼠标提示效果 jquery.toolTip
看到其它网站A标签title效果，心里痒痒，就想也用到自己网站上。 正好在学jquery 插件扩展，就参照前辈代码，自己动手写了一个2010-11-11
这篇文章主要介绍了jQuery实现自动调用和触发某个事件的方法,结合实例形式列举分析了jQuery事件触发的常见操作技巧,需要的朋友可以参考下2016-11-11
本篇文章主要是对JS中的log对象获取以及debug的写法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
这篇文章主要为大家详细介绍了jquery实现移动端悬浮拖拽框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
这篇文章主要介绍了jQuery 1.9.1源码分析系列（十三）之位置大小操作的相关资料,需要的朋友可以参考下2015-12-12
jQuery EasyUI 开源插件套装 完全替代ExtJS
JQuery爱好者们的福音 jQuery EasyUI 开源插件套装 完全替代ExtJS(引用)2010-03-03
这篇文章主要介绍了jQuery基于扩展实现的倒计时效果,涉及jQuery扩展的使用与时间操作的相关技巧,需要的朋友可以参考下2016-05-05
下面是Jquery对checkbox的一些操作，全选，反选，取消全选等等.2011-05-05
这篇文章主要介绍了jQuery控制文本框只能输入数字和字母及使用方法的相关资料，非常不错而且实用性也很高,需要的朋友可以参考下2016-05-05
最新评论