使用語(yǔ)句$.attr('checked',true),將復(fù)選框的屬性改為被選中,在chrome瀏覽器中第一次點(diǎn)擊有效后面就不行了,IE8倒是沒(méi)有問(wèn)題。
在做復(fù)選框全選按鈕的時(shí)候,出現(xiàn)了一個(gè)問(wèn)題,使用語(yǔ)句$.attr('checked',true),將復(fù)選框的屬性改為被選中,在chrome瀏覽器中第一次點(diǎn)擊有效后面就不行了,IE8倒是沒(méi)有問(wèn)題。
百度了很久找到原因是HTML的屬性分為attribute和property,暫且將后者稱為特性。
checked屬性即分為attribute->checked,和property->true,false。
對(duì)于一個(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沒(méi)有在DOM元素被移除之前刪除,使用.prop()方法設(shè)置DOM元素property(簡(jiǎn)單類型除外:number、string、boolean)的值會(huì)導(dǎo)致內(nèi)存泄露。為了安全的設(shè)置DOM對(duì)象的值,避免內(nèi)存泄露,可以使用.data()方法。 目前尚未遇到,先記在這里。
更多信息請(qǐng)查看IT技術(shù)專欄