Jquery data() 存储

发布于 2024-10-06 17:46:04 字数 175 浏览 4 评论 0原文

谁能告诉我 jquery data() 在哪里存储数据以及何时删除以及如何删除？

如果我用它来存储ajax调用结果，会有性能问题吗？

例如：

$("body").data("test", { myData: 'abcd'});

原文

Can any one tell me where jquery data() stores the data and when it is get erased and how?

Is there any performance issue if I use this to store ajax call result?

For example:

$("body").data("test", { myData: 'abcd'});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

唯憾梦倾城 2024-10-13 17:46:05

所有数据都存储在名为 cache 的 jQuery 对象的属性内。在控制台中记录 $.cache 的内容，以查看与任何 DOM 元素关联的所有数据和事件。

jQuery 将 DOM 对象与此缓存中的对象链接起来的方式是通过操作 DOM 对象。假设我们有一个输入元素

<input type="text" value="hello" />

，其数据键名为“foo”，

$(e).data("foo", "bar");

现在 jQuery 维护一个 jQuery 形式的随机字符串，例如 jQuery1291790929680 ，也可以通过 $.expando 访问。 jQuery 将此 Expando 字符串添加为具有关联数据项或事件的每个 DOM 对象的键。因此，上述输入元素的 DOM 对象将包含带有某个整数值的扩展键，例如：

jQuery1291790929680: 4

4 只是一个随机示例，但该数字表示 $.cache 对象中的索引，其中存储该 DOM 对象的关联数据和事件。因此，有了这些信息，要检索上述输入元素的数据，我们可以间接编写：

$.cache[4]["foo"]

应该返回“bar”，这是一种间接编写方式 $(e).data("foo").

上述废话的图解示例:)

All data is stored inside a property of the jQuery object named cache. Log the contents of $.cache in your console to see all data and events associated with any DOM element.

The way jQuery links up a DOM object with an object in this cache is by manipulating the DOM object. Say we have a input element

<input type="text" value="hello" />

which has a data key named "foo"

$(e).data("foo", "bar");

Now jQuery maintains a random string of the form jQuery<current time in ms>, for example, jQuery1291790929680, which is also accessible by $.expando. jQuery adds this expando string as a key to each DOM object that has an associated data item or event. So the DOM object for the above input element will contain this expando key with some integer value such as:

jQuery1291790929680: 4

4 is just a random example, but this number denotes an index in the $.cache object, where the associated data and events for this DOM object are stored. So given this information, to retrieve the data of the above input element, we can indirectly write: