首頁 > web前端 > js教程 > jQuery中attr()和prop()在修改checked屬性時的差異_jquery

jQuery中attr()和prop()在修改checked屬性時的差異_jquery

WBOY
發布: 2016-05-16 16:41:37
原創
1422 人瀏覽過

在做複選框全選按鈕的時候,出現了一個問題,使用語句$.attr('checked',true),將復選框的屬性改為被選中,在chrome瀏覽器中第一次點擊有效後面就不行了,IE8倒是沒有問題。

百度了很久找到原因是HTML的屬性分為attribute和property,暫且將後者稱為特性。

checked屬性即分為attribute->checked,且property->true,false。

對於一個checkbox,若未定義checked="checked",alert($.attr("checked")) 的結果是undefined。若已定義則結果是checked。 attribute並不隨著checkbox的狀態變化而改變。

使用prop($.attr("checked"))的話輸出則分別為false和true。 property則隨其變化而變化。

所以在修改checked屬性時要使用prop()。 prop()在jQuery1.6版本後新增。

網路上關於其他類似屬性的圖表:

另外關於在IE9之前版本中,如果property沒有在DOM元素被移除之前刪除,使用.prop()方法設定DOM元素property(簡單型別除外:number、string、boolean)的值會導致記憶體洩露。為了安全的設定DOM物件的值,避免記憶體洩露,可以使用.data()方法。 目前尚未遇到,先記在這裡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板