jQuery data（）vs attr（data）

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

Answer 1

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

文档：

存储与指定元素关联的任意数据。 返回已设置的值。

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

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

data- *属性是HTML5的一个特性

性能

根据这个， .data（）似乎更加性能友好

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

Answer 2

我会说数据，因为这就是它的意图。 它支持您尝试实现的确切function类型。 http://api.jquery.com/jQuery.data/