jQuery：在 jQuery 对象中存储附加/额外的数据/信息？

在 jQuery 对象中存储额外的数据是否可能且明智？

现在我有包含一些数据的对象，但这些对象也有该数据的视觉表示。这可行，但我有很多代码来保持它们同步。

例如，如果您从 dom 中删除一个对象，我还必须从对象数组中删除相关对象。删除相当简单，但如果我开始排序/移动对象，事情就会变得有点复杂。

您可以使用$.data() http://api.jquery.com/jQuery.data/为了这 ：）

例如：

$.data(element, 'varName', value);      //store
var value = $.data(element, 'varName'); //get

或者使用对象方法.data() http://api.jquery.com/data/:

$("#ElementID").data('varName', value);      //store
var value = $("#ElementID").data('varName'); //get

这不存储数据on对象，而是将其存储在$.cache（在本页的控制台中尝试一下），但它与该对象相关联，通过this[$.expando].

但是如果你打电话.empty() http://api.jquery.com/empty/删除一个对象，或者.remove() http://api.jquery.com/remove/，它会为您进行清理工作。您也可以致电.removeData() http://api.jquery.com/removeData/ or $.removeData() http://api.jquery.com/jQuery.removeData/直接将其删除。