javascript - 在 DOM 中存储数据 - 自定义属性或 .data()

Question

可能重复：
jQuery Data vs Attr？

我正在做一个项目，我计划在 DOM 中存储少量数据。我专门使用它将数值附加到 DOM 元素上，以便在其他地方轻松访问。

像这样插入自定义属性是否更好：

 $('#storeThingsHere').attr('data-count', superArray.length);

还是利用 jquery 的 .data() 函数？

 $('#storeThingsHere').data("count", superArray.length);

我知道两者都可以使用，但我想利用最佳实践，同时选择最有效的方法。两者之间是否有特别的好处，或者可能是另一种更好的选择来将少量数据存储在 DOM 中？

Answer 1

使用data. 任何类型都可以使用存储，data因为 jQuery 使用内部对象来存储它们，而只有字符串可以使用attr.

此外，data()由于它不必参考 DOM 进行设置/获取，很可能会更快，尽管我没有对此进行测试。