jQuery 屬性操作

2022-08-02 16:24:17 字數 869 閱讀 2913

jquery 常用屬性操作有三種:prop() / attr() / data() ;

所謂元素固有屬性就是元素本身自帶的屬性,比如 元素裡面的 href ,比如 元素裡面的 type。

語法

1.獲取屬性語法

prop("屬性")

2.設定屬性語法

prop("屬性", "屬性值")

注意:prop() 除了普通屬性操作,更適合操作表單屬性:disabled / checked / selected 等。

使用者自己給元素新增的屬性,我們稱為自定義屬性。 比如給 div 新增 index =「1」。

語法

1.獲取屬性語法

attr("屬性") // 類似原生getattribute0

2.設定屬性語法

attr("屬性", "屬性值") // 類似原生setattribute0

注意:attr() 除了普通屬性操作,更適合操作自定義屬性。(該方法也可以獲取 h5 自定義屬性)

data() 方法可以在指定的元素上訪問資料,並不會修改 dom 元素結構。一旦頁面重新整理,之前存放的資料都將被移除。

語法

1.附加資料語法

data("name","'value") // 向被選元素附加資料

2.獲取資料語法

date("name")

//向被選元素獲取資料

注意:同時,還可以讀取 html5 自定義屬性 data-index ,得到的是數字型。

演示**

都挺好我是div

123

jquery操作屬性

設定或返回被選元素的屬性值 img attr img attr title function 每乙個匹配的元素中刪除屬性 img removeattr src checked,selected屬性的設定和獲得應該使用該函式,返回值和設定值應該使用true和false 刪除由.prop 方法設定的屬性...

jquery 屬性操作

input attr value 獲取input的id input attr value 孫悟空 為input的value屬性設值為孫悟空 input attr 為input設定多個屬性 input attr value function 為input設定value屬性為方法返回值 input re...

Jquery 屬性操作

jquery 屬性操作 方法 selector addclass class button click function 2 removeclass 向匹配的元素移除指定的類名。定義和用法 removeclass 方法從被選元素移除乙個或多個類。注釋 如果沒有規定引數,則該方法將從被選元素中刪除所有...