jQuery中attr()和prop()在修改checked屬性時的區(qū)別

字號:


    使用語句$.attr('checked',true),將復(fù)選框的屬性改為被選中,在chrome瀏覽器中第一次點擊有效后面就不行了,IE8倒是沒有問題。
    在做復(fù)選框全選按鈕的時候,出現(xiàn)了一個問題,使用語句$.attr('checked',true),將復(fù)選框的屬性改為被選中,在chrome瀏覽器中第一次點擊有效后面就不行了,IE8倒是沒有問題。
    百度了很久找到原因是HTML的屬性分為attribute和property,暫且將后者稱為特性。
    checked屬性即分為attribute->checked,和property->true,false。
    對于一個checkbox,若未定義checked="checked",alert($.attr("checked")) 的結(jié)果是undefined。若已定義則結(jié)果是checked。attribute并不隨著checkbox的狀態(tài)變化而改變。
    使用prop($.attr("checked"))的話輸出則分別為false和true。property則隨其變化而變化。
    所以在修改checked屬性時要使用prop()。prop()在jQuery1.6版本后新增。
    網(wǎng)上關(guān)于其他類似屬性的圖表:
    
    另外關(guān)于在IE9之前版本中,如果property沒有在DOM元素被移除之前刪除,使用.prop()方法設(shè)置DOM元素property(簡單類型除外:number、string、boolean)的值會導(dǎo)致內(nèi)存泄露。為了安全的設(shè)置DOM對象的值,避免內(nèi)存泄露,可以使用.data()方法。 目前尚未遇到,先記在這里。