javascript - 与 DOM 元素的数据绑定(bind)如何工作？

Question

我想知道，jquery 如何在不添加任何 HTML 数据属性的情况下将任意数据与任何 DOM 元素相关联？

$('#div_id').data('suffix',(count++)) ;

我在 firebug HTML 快照中没有看到任何与 HTML 元素关联的数据属性。

机制是什么？

虽然HTML5不再需要这种数据存储方式，但我还是不清楚jquery数据存储的实际机制。

Answer 1

它向元素添加一个属性，该元素包含一个代表 jQuery.cache 对象中的索引的数值，如下所示:

$('#footer').data('suffix',"suffix");
jQuery.cache[ $('#footer')[0][jQuery.expando] ].suffix;
//"suffix"

我使用了 "#footer" 因为我在这个页面上运行了代码。请注意，jQuery.cache[index] 的对象结构在同样具有由 jQuery 绑定(bind)到它们的事件的元素上会有所不同。

无论如何你都不应该在代码中触及它，所以它并不重要。