jquery中attr和prop的区别

最新推荐文章于 2022-06-13 09:48:50 发布

原创最新推荐文章于 2022-06-13 09:48:50 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jQuery 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在高版本的jQuery中prop与attr方法的应用场景。针对HTML元素的固有属性，推荐使用prop；而对于自定义DOM属性，则建议采用attr进行处理。通过示例对比了两种方法的不同表现。

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。

关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

以下是代码示例，希望能够帮助大家理解下

<input id="chk1" type="checkbox" />是否可见
<input id="chk2" type="checkbox" checked="checked" />是否可见
$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true
$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"