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

更新時間：2014年07月18日 10:17:20 投稿：whsnow

使用語句$.attr('checked',true)，將復選框的屬性改為被選中，在chrome瀏覽器中第一次點擊有效后面就不行了，IE8倒是沒有問題

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

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

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

對于一個checkbox，若未定義checked="checked"，alert($.attr("checked")) 的結果是undefined。若已定義則結果是checked。attribute并不隨著checkbox的狀態(tài)變化而改變。

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

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

網(wǎng)上關于其他類似屬性的圖表：

另外關于在IE9之前版本中，如果property沒有在DOM元素被移除之前刪除，使用.prop()方法設置DOM元素property（簡單類型除外：number、string、boolean）的值會導致內(nèi)存泄露。為了安全的設置DOM對象的值，避免內(nèi)存泄露，可以使用.data()方法。目前尚未遇到，先記在這里。

您可能感興趣的文章:

attr
prop

jQuery回車實現(xiàn)登錄簡單實現(xiàn)
實現(xiàn)登錄的方法有很多，這里為大家介紹下實現(xiàn)回車提交表單，具體如下，感興趣的朋友可以參考下
2013-08-08
jquery ready函數(shù)、css函數(shù)及text()使用示例
想必大家對jquery的ready函數(shù)、css函數(shù)、text()并不陌生吧，其實很好理解的，接下來有個不錯的示例，如果你對此理解還是很模糊可以參考下
2013-09-09
jQuery響應滾動條事件功能示例
這篇文章主要介紹了jQuery響應滾動條事件功能,可實現(xiàn)針對滾動條狀態(tài)的實時計算與響應功能,具有一定參考借鑒價值,需要的朋友可以參考下
2017-10-10
輕松實現(xiàn)jquery選項卡切換效果
這篇文章主要幫助大家輕松實現(xiàn)jquery選項卡切換效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
html+jQuery實現(xiàn)拖動滑塊圖片拼圖驗證碼插件【移動端適用】
這篇文章主要介紹了html+jQuery實現(xiàn)拖動滑塊圖片拼圖驗證碼插件，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-09-09
jQuery實現(xiàn)的解析本地 XML 文檔操作示例
這篇文章主要介紹了jQuery實現(xiàn)的解析本地 XML 文檔操作,結合實例形式分析了jQuery針對本地 XML 文檔的解析及ajax交互相關操作技巧,需要的朋友可以參考下
2020-04-04
jquery 事件執(zhí)行檢測代碼
在寫Web 應用，或者Web Ajax功能的時候我們經(jīng)常需要處理事件，jquery已經(jīng)非常完美的封裝了事件，但是有時候事件的執(zhí)行順序還是會有微小差別
2009-12-12
JQuery篩選器全系列介紹
jQuery提供了強大的選擇器讓我們獲取對象。在這邊，我人為地將jQuery選擇器分為兩大部分：選擇對象和篩選條件。選擇對象表示要獲取什么對象，篩選條件是對獲取的對象進行篩選，最終留下符合某些特征的對象
2013-08-08
jQuery點擊按鈕彈出遮罩層且內(nèi)容居中特效
這篇文章主要介紹了jQuery點擊按鈕彈出遮罩層且內(nèi)容居中特效，需要的朋友可以參考下
2015-12-12
jQuery的each終止或跳過示例代碼
jQuery的each終止或跳過：涉及迭代，不可避免需要有非正常終止，或強制跳過的情況
2013-12-12