jQuery.data()数据缓存

本文详细解析jQuery的.data()方法在为JS对象与DOM元素添加缓存数据时的区别,包括数据封装与存储机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

$("").data([key],[value]) 和 $.data(element,[key],[value]) 的区别:


$.data(element,[key],[value]) 为element添加缓存数据的方式区分于俩种形式的对象:JS对象、DOM元素

1、如果是为JS对象添加缓存数据, jquery会将这些缓存数据封装个新的对象中,然后将这个新的对象赋到上面js对象的特定属性中(如:jQuery164007486486807465553),也就是说这些缓存数据最终是存放到这个JS对象本身中的。

2、如果是为DOM元素添加缓存数据, jQuery也会将这些缓存数据封装个新的对象中, 但是却将这个新的对象放到个全局的Cache中,并将索引放到这个DOM元素中。当要获得缓存的数据时只需通过这个索引到Cache中找到相应的对象即可。


而$("").data([key],[value])是专门用于为jQuery选择器选择的DOM元素添加缓存,也可以说是专门为DOM元素添加缓存数据的。我们知道jQuery选择器返回的结果是个集合,$("").data([key],[value])会将缓存数据分别赋到集合的每个元素中,他先将集合中的元素从jQuery对象形式转为普通DOM对象形式,然后再调用$.data(element,[key],[value])。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值