jQuery data() 与 attr(data)

Question

我想知道使用 $(element).data({'foo' : 'bar'}) 与 $(element) 将数据保存到元素之间的区别。 attr({ 'data-foo' : 'bar' }).将大量数据保存到元素中时，这两种方法中哪一种最好使用？谢谢

Answer 1

$.data 用于存储有关元素的信息:

Docs:

Store arbitrary data associated with the specified element. Returns the value that was set.

另一方面，attr 用于操作元素的属性。

从你的问题来看，你似乎存储了数据，在这种情况下你应该使用 $.data 。

data-* attributes是 HTML5 的一项功能

性能

.data() 似乎对性能更加友好，根据 this

我还发现它更干净，因为页面源代码中的每个人都看不到它。