jQuery .attr() vs .prop()

參考自：https://cythilya.github.io/2017/09/10/jquery-attr-vs-prop/

 

<input type="checkbox" class="checkbox-1" checked="true" /> <input type="checkbox" class="checkbox-2" /> <input type="checkbox" class="checkbox-3" checked="false" />
$('.checkbox-1').prop('checked'); //true $('.checkbox-1').attr('checked'); //checked $('.checkbox-2').prop('checked'); //false $('.checkbox-2').attr('checked'); //undefined $('.checkbox-3').prop('checked'); //true $('.checkbox-3').attr('checked'); //checked <input type="checkbox" class="checkbox-3" /> $('.checkbox-3').attr('checked', 'checked'); $('.checkbox-1').prop('checked', true)

** 由於 attribute 只要有設定 HTML 特性 checked，不論等號後面的值是什麼，甚至不帶值，皆會得到 checked，意即只要設定特性名稱即可。若要取消勾選則要使用 .removeAttr() 移除該特性。.prop() 仍是使用布林值設定勾選與否。

<input type="checkbox" class="checkbox-1" checked="false" /> <!-- 雖然設定checked為false, 仍然會check-->

转载于:https://www.cnblogs.com/sipher/p/11455302.html

《新程序员》：云原生和全面数字化实践50位技术专家共同创作，文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的jQuery .attr() vs .prop()的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。