jQuery的屬性操作

2021-10-01 08:22:30 字數 1130 閱讀 3534

在利用jquery選擇器查詢到需要的元素後,就可以利用attr或prop獲取它的屬性或修改屬性值。
語法結構:

1、獲取屬性:jquery.attr(屬性名)

2、修改屬性:jquery.attr(屬性名,屬性值)

3、刪除屬性:jquery.attr(屬性名)

可以新增自定義屬性,語法結構如下。jquery.attr(自定義屬性名,屬性值),例如

$

("input:text").

attr

('tag'

,123

)

也可以新增多個屬性,新增多個屬性時,以物件形式新增。語法結構如下。jquery.attr(),例如

$

("input:text").

attr

()

注意:

1、該方法在返回屬性值時,若有多個jquery元素,則只返回第乙個匹配元素的值

2、操作radio(checkbox)之類的控制項,讓其選中的時候,只能控制其選中true,不能控制其取消選中false

3、類似於$("…").attr(「checked」);返回的是』checked』或者undefined。如果有相應的屬性,返回的是該屬性,如果沒有則返回undefined

語法結構:

1、獲取屬性:jquery.prop(屬性名)

2、修改屬性:jquery.prop(屬性名,屬性值)

3、刪除屬性:jquery.removeprop(屬性名)

在語法結構上與attr方法一致,但是在用法上與attr有以下區別:

1、只存在true/false屬性時,應該使用prop

2、只新增屬性名稱,該屬性就會生效,應該使用prop

3、操作radio(checkbox)之類的控制項,讓其選中的時候,其控制項選中的值會隨之改變。既可以控制其選中,也能控制其取消選中;返回的是true或者false

attr()與prop()的區別

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

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

jQuery屬性的操作

是使用jq操作標籤 html標籤 的屬性。1 取得元素的指定屬性值 img attr src 2 為元素的指定屬性賦值 3 刪除元素指定的屬性 img removeattr src 4 取得屬性指定的值 prop 方式 imput tpe checkbox checked prop 屬性 取得元素指...

jQuery的屬性操作

jquery的屬性操作模組分為四個部分 html屬性操作,dom屬性操作,類樣式操作和值操作 設定屬性值或者 返回被選元素的屬性值 獲取值 attr 設定乙個屬性值的時候 只是獲取值 var id div attr id console.log id var cla div attr class c...

jquery操作屬性

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