新jQuery中attr 与 prop的不同

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 65 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lunawzh/p/4849131.html

文章标签：

#javascript #ViewUI

本文探讨了在使用最新版本的jQuery时，attr与prop两种方法的区别及应用场景。作者建议对于HTML元素自带的固有属性使用prop方法进行处理，而对于自定义的DOM属性则使用attr方法。文中还给出了实现全选、全不选与反选checkbox的具体示例代码。

使用最新版本jquery，在对checkbox操作时发现 attr属性全选，反选等不起作用，后查发现新版本对标签属性的设置发生了变化。

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

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

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

对全选，全不选，反选的操作代码如下：

 　　　　　　$("#all").click(function () {
                $(":checkbox").prop('checked', true);
            });
            $("#no").click(function () {
                $(":checkbox").prop('checked', false);
            });
            $("#rev").click(function () {
                $(":checkbox").each(function () {
                    $(this).prop("checked", !$(this).prop("checked"));
                });
            })

转载于:https://www.cnblogs.com/lunawzh/p/4849131.html