JQ中prop與attr區別

2021-10-10 07:31:29 字數 966 閱讀 9738

一、attr和prop區別

attr 是從頁面搜尋獲得元素值,所以頁面必須明確定義元素才能獲取值,相對來說較慢。

prop是從屬性物件中取值,屬性物件中有多少屬性,就能獲取多少值,不需要在頁面中顯示定義。

二、attr和prop怎麼選擇?

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

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

三、例子

"chke1"

type

="checkbox"

/>

記住密碼

"chke2"

type

="checkbox"

checked

="checked"

/>

記住密碼

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

$

("#chke1").

prop

("checked");

// false$(

"#chke2").

prop

("checked");

// true$(

"#chke1").

attr

("checked");

//undefined$(

"#chke2").

attr

("checked");

//"checked"

(當屬性沒有被設定時候,.attr()方法將返回undefined。若要檢索和更改dom屬性,比如元素的checked, selected, 或 disabled狀態,請使用.prop()方法。)

jq的attr 與prop 之間區別

1.attr 一直存在,prop 僅存在於 jq 1.6 及其之後 2.新版本jq使用細節 2.1 自定義新增至dom節點的屬性,用attr獲取 2.2 表單類checked selected或disabled操作使用prop 2.3 通過js操作屬性使用prop 3.原理 3.1表單元素的chec...

JQ中attr 和prop 的使用區別

1.attr 是獲取物件屬性的,比如獲取乙個的alt屬性 img attr alt 2.對於不用寫值的屬性比如 disabled selected checked 使用prop disabled在瀏覽器中寫法不一致,有些直接寫 disabled 有寫需要這樣寫 disabled disabled 使...

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

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