jquery中attr與prop的區別

標籤：blog   check   style   處理   click   區別   文章   logs   元素   

先從一個老生常談的問題說起，使用jquery實現全選全不選。

全選<input type="checkbox" onclick="checkedAlls();" name="checkedAlls" id="checkedAlls"/>        1<input type="checkbox" name="ckk" />        2<input type="checkbox" name="ckk" />

//使用這種方式發現全選全不選的功能實現不了，經過alert(checked)發現值為undefined
function checkedAlls(){
　　var checked = $("#checkedAlls").attr("checked");    $(":checkbox[name=‘ckk‘]").attr("checked" , checked);}

//使用這種方式可以實現全選全不選的功能，經過alert(checked)全選時值為true,不選時為false
function checkedAlls(){
　　var checked = $("#checkedAlls").prop("checked");    $(":checkbox[name=‘ckk‘]").prop("checked" , checked);}

後來在網上看了幾篇文章，有篇文章中說的比較好。

對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。

對於HTML元素我們自己自訂的DOM屬性，在處理時，使用attr方法。

checked屬於checkbox的固有屬性，所以要用prop。

jquery中attr與prop的區別