獲取屬性值attr 與prop 的差別

2021-09-22 17:59:30 字數 751 閱讀 8945

attr 和 prop 的區別介紹:

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

對於 html 元素我們自己自定義的 dom 屬性,在處理時,使用 attr 方法。

例項 1:

hello

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

hello

這個例子裡 元素的 dom 屬性有: href、id 和 action,很明顯,前兩個是固有屬性,而後面乙個 action 屬性是我們自己自定義上去的, 元素本身是沒有這個屬性的。這種就是自定義的 dom 屬性。處理這些屬性時,建議使用 attr 方法。

prop()函式的結果:

1.如果有相應的屬性,返回指定屬性值。

2.如果沒有相應的屬性,返回值是空字串。

attr()函式的結果:

1.如果有相應的屬性,返回指定屬性值。

2.如果沒有相應的屬性,返回值是 undefined。

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

對於html元素我們自己自定義的dom屬性,在處理時,使用 attr 方法。

具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop()

Jquery屬性獲取 attr 與prop

今天在專案中使用下拉列表時,使用juery操作,使頁面載入完選單預設選中的值為2,我一開始的操作如下 12 3 js部分 second attr selected selected 咋一看好完美,木問題,但是我發現在safari瀏覽器中,根本不起作用!仔細檢視一番發現,在safari瀏覽器中,屬性確...

jquery中attr與prop 讀寫值的不同表現

最近在進行專案開發的時候,發現全選與否的時候出現了問題,同樣的 在不同框架中,不能正常執行了,function selectall else 上述 在jquery 1.8.2.js中執行正常,而在高版本的jquery jquery 3.4.1.js 和 jquery jquery 1.11.3.js...

jq中attr()和prop 屬性的區別

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