attr 和prop 的區別

2021-07-24 10:48:11 字數 873 閱讀 4294

prop是1.6.1才新出來的,兩者從中文意思理解,都是獲取/設定屬性的方法(

attributes

properties)。

1、對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。

2、對於html元素是自定義的dom屬性,   在處理時,使用attr方法。

例子1

元素的dom屬性有「href、target和class",這些屬性就是元素本身就帶有的屬性,也是w3c標準裡就包含有這幾個屬性,或者說在ide裡能夠智慧型提示出的屬性,這些就叫做固有屬性。處理這些屬性時,建議使用prop方法。

刪除元素的dom屬性有「href、id和action」,很明顯,前兩個是固有屬性,而後面乙個「action」屬性是我們自己自定義上去的,元素本身是沒有這個屬性的。這種就是自定義的dom屬性。處理這些屬性時,建議使用attr方法。使用prop方法取值和設定屬性值時,都會返回undefined值。

例子2

是否可見

像checkbox,radio和select這樣的元素,選中屬性對應「checked」和「selected」,這些也屬於固有屬性,因此需要使用prop方法去操作才能獲得正確的結果。

$("#chk1").prop("checked") == false

$("#chk2").prop("checked") == true

如果上面使用attr方法,則會出現:

$("#chk1").attr("checked") == undefined

$("#chk2").attr("checked") == "checked"

prop 和attr 的區別

jquery1.6中新加了乙個方法prop 一直沒用過它,官方解釋只有一句話 獲取在匹配的元素集中的第乙個元素的屬性值。大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled disabled checked checked 比如用attr checked ...

attr 和 prop 的區別

在高版本的jquery引入prop方法後,什麼時候該用prop?什麼時候用attr?它們兩個之間有什麼區別?這些問題就出現了。關於它們兩個的區別,網上的答案很多。這裡談談我的心得,我的心得很簡單 像checkbox,radio和select這樣的元素,選中屬性對應 checked 和 selecte...

prop和attr的區別 jQuery

今天簡單說下prop和attr在設定,獲取和刪除屬性時的區別 1.設定屬性 為了便於看到效果,先在網頁中寫入ul標籤,裡面插入屬性title,如下 jquery檔案已引入 設定屬性 ul li prop id item 所有的li都新增上id item 屬性 ul li attr id item 所...