jquery-data的三种用法

1.jquery-data的用处

jQuery-data主要是用来存储数据，帮助普通对象或者jQuery对象来存储数据，其实如果单纯的储存dom的单一的属性，用attr自定义属性足够了；如果存储多个键值对建议用jQuery-data; 例如：图片的懒加载好多插件就用到了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对象这么简单

转载于:https://www.cnblogs.com/webwangjin/p/6203521.html

jquery-data的三种用法相关推荐

Vue——基本的代码结构和插值表达式、v-cloak||Vue指令之v-text和v-html||v-bind的三种用法||Vue指令之v-on
Vue的基本代码 <!DOCTYPE html> <html lang="en"><head><meta charset="UT ...
Kotlin object的三种用法
文章目录 Kotlin object的三种用法概述 object 匿名内部类 object 单例模式 @JvmStatic companion object 伴生对象工厂模式 Kotlin obj ...
uni-app watch事件监听三种用法
1.普通监听(无法监听到第一次绑定的变化) <input type="text" v-model="userName"/> //监听当userNa ...
using 的三种用法
using 有哪三种用法? 1)引入命名空间. 2)给命名空间或者类型起别名. 3)划定作用域.自动释放资源,使用该方法的类型必须实现了 System.IDisposable接口,当对象脱离作用域之后 ...
static的三种用法，定义静态变量，静态函数，静态代码块！
static的三种用法,定义静态变量,静态函数,静态代码块! 1.定义静态变量 class PersonStatic { //静态变量的特点 //1.静态变量无需生成对象就可被调用,可以使用类名和对象 ...
SQL、LINQ、Lambda 三种用法(转)
SQL.LINQ.Lambda 三种用法颜色注释: SQL LinqToSql Lambda QA 1. 查询Student表中的所有记录的Sname.Ssex和Class列. select sna ...
标准SQL的update语句三种用法
标准SQL的update语句三种用法一.环境: MySQL-5.0.41-win32 Windows XP professional 二.建立测试环境: DROP TABLE IF EXIS ...
C++容器的insert()函数有以下三种用法: 最终*it=val;
C++容器的insert()函数有以下三种用法: 最终*it=val; //用法1:在指定位置it前"插入"值为val的元素,返回指向这个元素的迭代器, iterator inse ...
微课系列（6）：Python关键字else的三种用法
技术要点:Python关键字else在选择结构.循环结构和异常处理结构中的三种用法. ----------相关阅读---------- 教学课件 1900页Python系列PPT分享一:基础知识(10 ...
Python扩展库numpy中where()函数的三种用法
第一种用法:只给where()函数传递一个数组作为参数,返回其中非0元素的下标. 第二种用法:给where()函数传递一个包含True/False值的数组,返回该数组中True值的下标,结合numpy ...

jquery-data的三种用法

jquery-data的三种用法相关推荐

最新文章

热门文章