javascript prop和attr的區別

在網上找了一些資料，經過本身去尋找，嘗試，這次作一次總結。

1/  attr()是jQuery 1.0版本就有的函數，

   prop()是jQuery 1.6版本新增的函數。毫無疑問，在1.6以前，你只能使用attr()函數；1.6及之後版本，你能夠根據實際須要選擇對應的函數。

2/      attr()函數操做的是文檔節點的屬性，所以設置的屬性值只能是字符串類型，若是不是字符串類型，也會調用其toString()方法，將其轉爲字符串類型。

   prop()函數操做的是JS對象的屬性，所以設置的屬性值能夠爲包括數組和對象在內的任意類型。

3/      attr()用於設置或獲取指定DOM元素所對應的文檔節點上的屬性

         prop()用於設置或獲取指定DOM元素（指JS對象，Element類型）上的屬性

4/       attr()：是attribute【特性】縮寫，表示html文檔節點的屬性   

           prop()：是property【屬性】縮寫，表示js對象的屬性 即固有屬性

5/     attr():對於checked,selected,disabled等屬性返回的是字符串，該html文檔節點若沒有該屬性，則返回undefined

        prop()對於checked,selected,disabled等屬性表示該屬性實時狀態的值（true,false）

6/     attr("屬性名")//獲取屬性值，attr(「屬性名」，「屬性值」) //賦值      removeAttr("屬性名")  //刪除屬性

         prop("屬性名")//獲取屬性值，prop(」屬性名「,"true/false") //賦值   removeProp(」屬性名「) //刪除屬性

    如下是常見的固有屬性屬性

       checked :推薦使用prop

                賦值：prop('checked',true/false)       attr("checked",true/false/'checked')          

       disabled   推薦使用prop

                賦值：  prop('disabled',false/true)      attr("disabled",true/false/'disabled')     

       selected    推薦使用prop

               賦值：  prop('selected',false/true)      attr("selected",true/false/'selected')   

       readonly

       mulitiple

       hidden

       lang

       accesskey

        class

      display: 這是style設置即：css屬性，因此用dom.css();