jquery中的attr 方法

2021-07-02 15:07:07 字數 1827 閱讀 2278

jquery中用attr()方法來獲取和設定元素屬性,attr是attribute(屬性)的縮寫,在jquery dom操作中會經常用到attr(),attr()有4個表示式。

1.attr(屬性名

)

//獲取屬性的值(

取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒有相應屬性,則返回 undefined )

2.attr(屬性名, 屬性值)

//設定屬性的值 (

為所有匹配的元素設定乙個屬性值。)

3.attr(屬性名

,函式值)

//設定屬性的函式值  (

為所有匹配的元素設定乙個計算的屬性值。不提供值,而是提供乙個函式,由這個函式計算的值作為屬性值。

)4.attr(properties)

//給指定元素設定多個屬性值,即:

。(這是一種在所有匹配元素中批量設定很多屬性的最佳方式。 注意,如果你要設定物件的class

屬性,你必須使用

'classname' 

作為屬性名。或者你可以直接使用

'class'

或者'id'

。)

html**結構:

你最喜歡的水果是?

1.attr(name)//獲取屬性的值

1.1 使用attr(name)獲取title值:

結果:橘子汁

1.2 使用attr(name)獲取value值:

結果:123

2. attr(name,value) 

//設定屬性的值

2.1 使用attr(name,value)修改title值為:不吃橘子

結果:不吃橘子

3. attr(name,fn)  //設定屬性的函式值

3.1 把value屬性的值設定設給title屬性。

結果:123

4.attr(properties)  //將乙個「名/值」形式的物件設定為所有匹配元素的屬性

4.1 獲取裡第2個設定title和value屬性。

結果:不喝橘子汁  不是123

4.2 獲取裡第2個設定class。

結果:第二個li的html:橘子

4.3 獲取裡第2個設定id。

結果:第二個li的html:

橘子4.4 獲取裡第2個設定style。

那麼怎麼刪除屬性呢?

就這麼簡單

, attr 

其實就是原生

js中 

getattribute 

的簡化實現, 而

removeattr 

就是 removeattribute 

的簡寫了。

jQuery中prop方法和attr方法的區別

舊版本的jqury用attr方法來設定或者獲取元素的屬性,但是存在bug,所以新版本在此基礎上推出了prop方法,現在推薦使用prop這個方法來幹這個事情。jquery在1.6以上的版本新增了乙個prop方法,這個方法和attr的作用很像,但各司其責。以上的版本用 selector prop che...

jQuery中attr 的使用

用法一 選擇器 attr 屬性名 它的作用就是獲取指定元素 選擇器 部分 的指定屬性的值.看例子 有這樣一段html 那麼你要獲取到的位址該怎麼辦呢?這樣 img attr src 就這麼簡單,你用alert或者其它形式輸出一下就看到的位址了.那麼我要取得的描述呢?這樣 img attr alt 夠...

jQuery中attr的用法

jquery1.6之後,可以通過attr方法去獲得屬性,通過prop方法去獲得特性 屬性指的是 name,id 等等,特性指的是 selectedindex,tagname,nodename jquery判斷checked的三種方法 attr checked 看版本1.5 返回 true或false...