jQuery data()vs attr(data)

Joh*_*han 9 jquery

我想知道使用$(element).data({'foo' : 'bar'})vs 将数据保存到元素之间的区别$(element).attr({ 'data-foo' : 'bar' }).在将大量数据保存到元素中时,哪种方法最适合使用?谢谢

Sar*_*raz 9

所述$.data用于存储相对于一个元素信息:

文档:

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

另一方面,attr用于操纵元素的属性.

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

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

性能

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

我也觉得它更干净,因为页面源中的每个人都看不到它.