首页技术文章正文

jQuery中attr()和prop()的区别是什么？

更新时间:2021年06月11日17时06分来源:传智教育浏览次数:

好口碑IT培训

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如何使用css方法修改单个样式？

jQuery中的prop和attr

传智教育HTML&JS+前端培训课程

上一篇：移动端Web的屏幕分辨率和图片分辨率是多少？ 下一篇：echarts和chart的优缺点有哪些?