jQuery中attr()和prop()有什么不同？

jQuery中attr()和prop()的区别

1、对于HTML元素本身就带有的固有属性，或者说W3C标准里就包含有这些属性，更直观的说法就是，编辑器里面可以智能提示出来的一些属性，如：src、href、value、class、name、id等。在处理时，使用prop()方法。

2、对于HTML元素我们自定义的DOM属性，即元素本身是没有这个属性的，如：data-*。在处理时，使用attr()方法。

<a href="#" id="link1" class="btn" action="delete">删除</a>

这个例子里的<a>元素的dom属性值有"id、href、class和action"，很明显，前三个是固有属性，而后面一个action属性是我们自己定义上去的<a>元素本身是没有属性的。这种就是自定义的dom属性。处理这些属性时，建议使用attr方法，使用prop方法对自定义属性取值和设置属性值时，都会返回undefined值。

像checkbox，radio和select这样的元素，选中属性对应“checked”和"selected"，这些也属于固有属性，因此需要使用prop方法去操作才能获取正确答案

猜你喜欢：

jQuery的语法有什么特点？

Jquery常用的选择器有哪些？用途有什么不同？

jQuery有什么特点？如何下载安装jQuery？

如何获取jQuery？jQuery的使用演示

黑马程序员前端培训课程