阅读jQuery(六)缓存数据功能介绍

很多同学喜欢在项目中把数据存储在HTMLElement属性上，比如复制代码如下： div data=' some data ' test/div script div . getattribute(' data ')；//部分数据/脚本在页面div中添加自定义属性“数据”和值“部分数据”。GetAttribute在后续的JS代码中使用。JQuery提供了data/removeData方法来存储/删除1.2.3中的数据。1.6.1复制代码片段的代码如下： jquery . extend({ cache 3360 } }，//请谨慎使用uuid 33600，});也就是说，静态字段/方法，如jQuery.cache/jQuery.uuid/jQuery.expando,被添加到jQuery中。下面描述了用于缓存的jQuery.cache空对象。它的结构比较复杂。JQuery.uuid添加一个唯一的数字。JQuery.expando字符串，由Math.random生成，删除了非数字字符。它充当HTMLElement或JS对象的属性名。复制了以下代码： expando : ' jquery '(jquery . fn . jquerymath . random())。替换(/\ d/g ' ')、jquery.nodata js对象，并为指定的HTMLElement禁用数据方法。例如嵌入小程序。JQuery.hasData用于确定一个HTMLElement或JS对象是否有数据。返回真或假。也就是说，如果调用了jQuery.data方法并添加了属性，它将返回true。复制的代码如下： diva/div脚本var div=document . getelementsbytagname(' div ')[0]；$.hasData(div)；//false $。数据(div，' name '，' jack ')；$.hasData(div)；//true /script jQuery.acceptData用于判断元素是否可以接受数据，返回true或false。用于jQuery.data.这是一个提供给客户端程序员的方法，也是一个setter/getter。1、传递一个参数并返回所有附加到指定元素的数据，即thicachejquery . data(El)；//thisCache 2，传递两个参数并返回指定的属性值jQuery.data(el，' name ')；3.传递三个参数，设置属性和属性值jQuery.data(el，' name '，' jack ')；jQuery.data(el，' uu '，{ })；4.传递四个参数，第四个参数pvt只为jQuery库本身提供。在jQuery中也是如此。_数据方法。因为jQuery的事件模块非常依赖jQuery.data，为了避免人们不小心重写了这个版本中添加的内容。JQuery.removeData删除数据。以上是jQuery数据缓存模块的总体概述，下面详细介绍jQuery.data方法。JQuery.data为两种对象提供缓存。JS对象和HTMLElement复制代码如下。 //为JS对象提供缓存。var myObj={ }；$.数据(myObj，' name '，' jack ')；$.数据(myObj，‘name’)；//jack //为HTMLElement div id=' xx'/div脚本var El=document . getelementbyid(' xx ')提供缓存；$.数据(el，‘name’，‘jack’)；$.数据(el，‘name’)；//jack /script内部实现也不一样。1.为JS对象提供缓存时，数据直接保存在JS对象上。缓存是一个JS对象。这时会偷偷给JS对象添加一个属性(类似于jQuery16101803968874529044)，属性值也是JS对象。示例复制代码如下： var myObj={ }；$.数据(myObj，' name '，' jack ')；console . log(myObj)；myObj的结构如下。复制的代码如下： myobj={ jquery16101803968874529044 : { name : ' jack ' } }字符串“jquery1610180396874529044”在数据内部命名为id(注意不是HTMLElement元素的id)，实际上是jquery。如上所述，它是在jQuery.js引入页面后随机生成的。2、为HTMLElement提供缓存时，不会直接保存在HTMLElement上。它们保存在jQuery.cache中.Cache是jQuery.cache此时，给HTMLElement添加属性(类似于jQuery16101803968874529044)，属性值为数字(递增1，2，3)。也就是说，只有一些数字保存在HTMLElement上，数据不直接放进去。这是因为旧版本的IE可能存在内存泄漏的风险。而HTMLElement与jQuery.cache又有什么关系呢？或者身份证。刚才提到属性值编号是id。

吴亚玲（音似高丽),音似"中音似"音似"音似"音似"音似"音似"音似"音似"音似"音似"音似"音似"音似"音似"音似"你好绿筠小姐3330 div id=' xx '/var脚本div El=文档。getelement byid(' xx ')；$。日期(el，‘name’，‘jack’)；console.log(展开的[jquery]).//1 console . log(jquery . cache)://{ 1 3360 }名称3360 ' jack ' }/El脚本云娥jQuery .我扩大，魏冄编号号，贺南强！贺南强！贺南强！贺南强！贺南强！贺南强！贺南强！贺南强！贺南强！贺南强！贺南强！贺南强！贺南强！贺南强编号号1590年一喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂喂。什么事编号号哎哎哎框架快取阿云（关键点)。贺盛云html元素(html元素)是吗框架快取卓云曰。嘿！嘿

你有没有注意到jQuery.data有第四个参数pvt，只在jQuery中使用。_数据？复制代码如下：//仅供内部使用。_ data:函数(elem，name，data) {return jquery.data (elem，name，data，true)；}，jQuery。_data指定按名称它是私有的，使用jQuery的客户端程序员不应该调用这个方法。它不会在jQuery的API文档中公开。几乎每个版本的jQuery的数据缓存模块都从1.2.3变成了1.6.1。JQuery。_data旨在防止客户端程序员覆盖/重写静默写入模块。例如，如果模块被重写，jQuery事件模块中的事件处理程序使用jQuery.data存储。事件模块将失败。因此，pvt参数和jQuery。_故意添加数据方法。但是如果你想故意破坏它，你仍然可以做到。复制代码如下： div ID=' xx '测试/div脚本$ ('# xx ')。click(function(){ alert(' click ')；});//报表1 $。数据($ ('# xx') [0]，' events '，''，true)；//语句2 //$。_data($('#xx')[0]，' events '，' ')；/script单击div[id=xx]不会触发click事件。jQuery.data设置(设置)数据缓存的整个过程就是这样。理解这一点。获取数据的过程很容易理解。不要重复。最后我会给zChian.js增加zChain.data/removeData方法，因为是“迷你版”，只给HTMLElement增加数据缓存。请注意。相关：http://msdn.microsoft.com/en-us/library/bb250448http://bugs.jquery.com/ticket/6807zchain-0.6.js.