jQuery中attr()方法与prop()方法的区别

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_45785873/article/details/102698863

jQuery中attr()方法与prop()方法的区别

• attr() 方法和prop()方法都是设置或返回被选元素的属性值。pror()方法不仅仅可以操作属性，也可以操作属性节点。
• 在企业开发中一般在具有true和false属性的属性节点时使用prop()方法，如checked、disable等，在其他的属性中则使用attr()方法，如图所示：

<input type="checkbox" checked>
<script>
    $(function () {
        console.log($("input").prop("checked"));//true
        console.log($("input").attr("checked"));//checked
    });
</script>

  

从上图可看到prop()方法返回的是true / false，而attr()方法返回的是checked / undefined；因此如果返回的是true和false时可以更好判断属性的状况，而checked / undefined则不能很好的判断。