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）的值會導致內存泄露。為了安全的設置DOM對象的值，避免內存泄露，可以使用.data()方法。 目前尚未遇到，先記在這里。
您可能感興趣的文章:
- jQuery .attr()和.removeAttr()方法操作元素屬性示例
- jQuery使用attr()方法同時設置多個屬性值用法實例
- jQuery獲取attr()與prop()屬性值的方法及區(qū)別介紹
- Jquery attr()方法 屬性賦值和屬性獲取詳解
- jquery attr()設置和獲取屬性值實例教程
- 詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
- 關于jquery中attr()和prop()方法的區(qū)別
- jQuery中.attr()和.data()的區(qū)別分析
- 詳談jQuery中使用attr(), prop(), val()獲取value的異同
- jquery更改元素屬性attr()方法操作示例
相關文章
這篇文章主要介紹了12個超實用的JQuery代碼片段，代碼簡潔，具有實用價值，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了jQuery實現(xiàn)表格顏色交替顯示的方法,涉及jQuery操作表格樣式的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
本篇文章主要介紹了jQuery鼠標懸停內容動畫切換效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
jQuery lazyload是一款延遲加載圖片的的插件，原意是按需加載，當圖片出現(xiàn)在可視區(qū)域時進行加載，但是官方的插件經(jīng)過firebug的檢測可知，并不能節(jié)省流量開支，反而有重復加載的現(xiàn)象。2010-11-11
頁面分頁對于程序員來說最熟悉不過，在WEB開發(fā)中經(jīng)常需要對頁面進行分頁，jQuery插件JQuery Pager分頁器能輕松實現(xiàn)javascript分頁功能，只需要幾行代碼，javascript分頁簡單搞定。2010-07-07
下面小編就為大家?guī)硪黄狫query基礎之事件操作詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
jQuery插件slick實現(xiàn)響應式移動端幻燈片圖片切換特效
jQuery插件slick是一款響應式、適用于移動設備觸摸屏、可滑動顯示的jQuery幻燈片插件。該幻燈片插件可以設置多種顯示效果，可以自動播放，是一款移動優(yōu)先的jQuery幻燈片插件。2015-04-04
jQuery插件zTree實現(xiàn)獲取一級節(jié)點數(shù)據(jù)的方法
這篇文章主要介紹了jQuery插件zTree實現(xiàn)獲取一級節(jié)點數(shù)據(jù)的方法,結合實例形式分析了jQuery插件zTree針對節(jié)點的遍歷與獲取操作相關技巧,需要的朋友可以參考下2017-03-03
最近有一個活動，其中的數(shù)據(jù)需要和純靜態(tài)html網(wǎng)站進行交互。但是由于兩個網(wǎng)站處于不同的域名下，而Ajax的應用中，由于安全的問題，瀏覽器默認是不支持跨域調用的，最后選用了JQuery中的getJSON方法2010-12-12
基于jQuery實現(xiàn)的Ajax 驗證用戶名是否存在的實現(xiàn)代碼
基于jQuery實現(xiàn)的Ajax 驗證用戶名是否存在的實現(xiàn)代碼，需要的朋友可以參考下。2011-04-04