jQ中attr与prop的区别

先说一说官方定义

.attr()

获取匹配的元素集合中的第一个元素的属性值,设置每个匹配元素的一个或多个属性

.prop()

获取匹配的元素集中第一个元素的属性(property)值为匹配的元素设置一个或多个属性(properties)

什么时候用prop?什么时候该用attr?它们两个之间有什么区别?

我们举两个例子。

<a href="#" target="_self" class="btn">百度</a>

 这个例子里<a>元素的DOM属性有“href、target和class",这些属性就是<a>元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。

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

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

总结下使用情况

对于html元素本身就带有的固有属性值,在处理时。用prop()

对于html元素我们自己自定义的DOM属性,在处理时,使用attr()

具有true和false两个属性的属性,如checked、selected或者disable使用prop()

posted @ 2022-05-31 18:11  青年码农  阅读(36)  评论(0编辑  收藏  举报