jquery中attr和prop的区别

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

若茶先森

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

阅读量196

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/zpcqdkf/article/details/60633327

jQuery 专栏收录该内容

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在高版本的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"