javascript - 为什么jQuery的.data()可以存储Object，而.attr('data-xxx', '')不可以？

Question

如题，谢谢！

Answer 1

存储Object是H5所给出的一套data-api接口所提供的，数据可以在HTML的DOM中通过data-xxx的形式进行初始化，但之后data数据都不是存放在DOM的属性中的。通过.attr()方法操作的是DOM的属性，而通过.data()才是直接利用data-api进行存取操作。

Answer 2

attr只是设置属性值，比如 $("p").attr("width","180")，你这个data-XX就是一个属性的name
data是用来存数据的

Answer 3

jquery自己封装了一下咯。
如果仅仅是直接调用attr，其实没太大必要专门弄个data。
具体的可以看看源码。