jQuery中attr()和prop()在修改checked屬性時(shí)的區(qū)別
在做復(fù)選框全選按鈕的時(shí)候，出現(xiàn)了一個(gè)問題，使用語句$.attr('checked',true)，將復(fù)選框的屬性改為被選中，在chrome瀏覽器中第一次點(diǎn)擊有效后面就不行了，IE8倒是沒有問題。
百度了很久找到原因是HTML的屬性分為attribute和property，暫且將后者稱為特性。
checked屬性即分為attribute->checked，和property->true,false。
對于一個(gè)checkbox，若未定義checked="checked"，alert($.attr("checked")) 的結(jié)果是undefined。若已定義則結(jié)果是checked。attribute并不隨著checkbox的狀態(tài)變化而改變。
使用prop($.attr("checked"))的話輸出則分別為false和true。property則隨其變化而變化。
所以在修改checked屬性時(shí)要使用prop()。prop()在jQuery1.6版本后新增。
網(wǎng)上關(guān)于其他類似屬性的圖表：
另外關(guān)于在IE9之前版本中，如果property沒有在DOM元素被移除之前刪除，使用.prop()方法設(shè)置DOM元素property（簡單類型除外：number、string、boolean）的值會(huì)導(dǎo)致內(nèi)存泄露。為了安全的設(shè)置DOM對象的值，避免內(nèi)存泄露，可以使用.data()方法。 目前尚未遇到，先記在這里。
- jQuery .attr()和.removeAttr()方法操作元素屬性示例
- jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值用法實(shí)例
- jQuery獲取attr()與prop()屬性值的方法及區(qū)別介紹
- Jquery attr()方法 屬性賦值和屬性獲取詳解
- jquery attr()設(shè)置和獲取屬性值實(shí)例教程
- 詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
- 關(guān)于jquery中attr()和prop()方法的區(qū)別
- jQuery中.attr()和.data()的區(qū)別分析
- 詳談jQuery中使用attr(), prop(), val()獲取value的異同
- jquery更改元素屬性attr()方法操作示例
相關(guān)文章
這篇文章主要介紹了12個(gè)超實(shí)用的JQuery代碼片段，代碼簡潔，具有實(shí)用價(jià)值，感興趣的小伙伴們可以參考一下2015-11-11
jQuery實(shí)現(xiàn)表格顏色交替顯示的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格顏色交替顯示的方法,涉及jQuery操作表格樣式的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jQuery鼠標(biāo)懸停內(nèi)容動(dòng)畫切換效果
本篇文章主要介紹了jQuery鼠標(biāo)懸停內(nèi)容動(dòng)畫切換效果的實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
jQuery lazyload 的重復(fù)加載錯(cuò)誤以及修復(fù)方法
jQuery lazyload是一款延遲加載圖片的的插件，原意是按需加載，當(dāng)圖片出現(xiàn)在可視區(qū)域時(shí)進(jìn)行加載，但是官方的插件經(jīng)過firebug的檢測可知，并不能節(jié)省流量開支，反而有重復(fù)加載的現(xiàn)象。2010-11-11
基于JQuery的Pager分頁器實(shí)現(xiàn)代碼
頁面分頁對于程序員來說最熟悉不過，在WEB開發(fā)中經(jīng)常需要對頁面進(jìn)行分頁，jQuery插件JQuery Pager分頁器能輕松實(shí)現(xiàn)javascript分頁功能，只需要幾行代碼，javascript分頁簡單搞定。2010-07-07
下面小編就為大家?guī)硪黄狫query基礎(chǔ)之事件操作詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
jQuery插件slick實(shí)現(xiàn)響應(yīng)式移動(dòng)端幻燈片圖片切換特效
jQuery插件slick是一款響應(yīng)式、適用于移動(dòng)設(shè)備觸摸屏、可滑動(dòng)顯示的jQuery幻燈片插件。該幻燈片插件可以設(shè)置多種顯示效果，可以自動(dòng)播放，是一款移動(dòng)優(yōu)先的jQuery幻燈片插件。2015-04-04
jQuery插件zTree實(shí)現(xiàn)獲取一級(jí)節(jié)點(diǎn)數(shù)據(jù)的方法
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)獲取一級(jí)節(jié)點(diǎn)數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了jQuery插件zTree針對節(jié)點(diǎn)的遍歷與獲取操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
最近有一個(gè)活動(dòng)，其中的數(shù)據(jù)需要和純靜態(tài)html網(wǎng)站進(jìn)行交互。但是由于兩個(gè)網(wǎng)站處于不同的域名下，而Ajax的應(yīng)用中，由于安全的問題，瀏覽器默認(rèn)是不支持跨域調(diào)用的，最后選用了JQuery中的getJSON方法2010-12-12
基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名是否存在的實(shí)現(xiàn)代碼
基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名是否存在的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-04-04