Jquery中.attr()和.data()的区别

第一步:

Jquery中.attr()和.data()的区别

Jquery中.attr()和.data()的区别

第二步用attr设置值:

Jquery中.attr()和.data()的区别

Jquery中.attr()和.data()的区别

第三步用data()设置值:

Jquery中.attr()和.data()的区别


Jquery中.attr()和.data()的区别

第四步先用attr设置值,在用data设置值:

Jquery中.attr()和.data()的区别

结果:

Jquery中.attr()和.data()的区别

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