prop 和 attr 區別用法

2022-08-29 09:57:14 字數 718 閱讀 3847

都用於讀取和設定dom元素節點的屬性

不同

$.attr()用於dom元素本身的屬性

$.prop()用於dom節點對應的js屬性(源於dom元素到js物件的對映)

源於兩者在jquery類庫的實現方法:

$.attr()使用原生js裡的getattribute()和setattribute();

$.prop()使用的是通過獲取dom節點,然後呼叫該物件的內建屬性(非內建物件無法獲取到)

設定屬性限制:

$.attr()可以設定和讀取內建和自定義的屬性

$.prop()只能讀取dom元素或window物件的一些內建屬性,如果不是dom元素物件的內建屬性就無法設定和讀取

接收引數的型別:

$.attr()接收字串,其他型別都會呼叫tostring()轉換為字串。

$.prop()除了字串,還可以接收布林值。

返回型別:

$.attr()返回的屬性值都是字串,

$.prop()返回的可以是字串也可以是布林值(prop()在呼叫表單的某些屬性的時候比較有用,input元素的checked, 使用attr返回的是checked,而用prop返回的是true或false)

兩者的詳細用法參見園子裡的部落格。。。

attr 和prop 的區別

prop是1.6.1才新出來的,兩者從中文意思理解,都是獲取 設定屬性的方法 attributes和 properties 1 對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。2 對於html元素是自定義的dom屬性,在處理時,使用attr方法。例子1 元素的dom屬性有 href...

prop 和attr 的區別

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

attr 和 prop 的區別

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