JQuery attr()和data()小坑

JQuery官方文档传送口:data attr

区别

1.attr属性是必须写在html标签上，它属于dom属性，而data是储存于jquery对象模型上，它属于jquery对象属性，因此，它俩本质不一样；

2.attr的运行机制是：$.attr()取值和赋值都是找到html标签，直接操作该标签的属性;

3.data的运行机制是：页面第一次解析时，会将dom节点的attribute值存放到内存中， $.data()取值和赋值都是直接操作这个内存值，而不是dom元素

用attr赋值，用data取值

attr设置改变标签的属性值，data取值和attr取值是一样的，如果是data设置值，改变的是Jquery对象的属性值，取出来的是改变的值，而attr则还是取的标签的值，因为标签的值没变，所以取出来的值，还是原来的值

结论：

1.避免attr和data的混合使用，以免因为数据不一样，产生bug;

2.attr赋值就用attr取值；

3.data赋值就用data取值。