attr()與prop()


        在作複選框全選按鈕的時候,出現了一個問題,使用語句$.attr('checked',true),將複選框的屬性改成被選中,在chrome瀏覽器中第一次點擊有效後面就不行了,IE8卻是沒有問題。
百度了好久找到緣由是HTML的屬性分爲attributeproperty,暫且將後者稱爲特性。
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版本後新增。
  網上關於其餘相似屬性的圖表:chrome

  另外關於在IE9以前版本中,若是property沒有在DOM元素被移除以前刪除,使用.prop()方法設置DOM元素property(簡單類型除外:number、string、boolean)的值會致使內存泄露。爲了安全的設置DOM對象的值,避免內存泄露,能夠使用.data()方法。 目前還沒有遇到,先記在這裏。瀏覽器

相關文章
相關標籤/搜索