jQuery data()与attr(data)的区别

Question

9

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

- Johan

2个回答

1

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

- thescientist

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sarfraz · Accepted Answer

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

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

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

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

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

.data() 似乎更加性能友好，根据这个。

我也认为它更加清晰，因为它不会在页面源代码中对所有人可见。