jQuery中attr 的使用

2021-06-22 05:23:08 字數 1205 閱讀 5035

用法一

: $(選擇器).attr(屬性名) 它的作用就是獲取指定元素( $(選擇器)部分 )的指定屬性的值. 看例子:

有這樣一段html:

那麼你要獲取到的位址該怎麼辦呢? 這樣: $(」img」).attr(」src」) 就這麼簡單, 你用alert或者其它形式輸出一下就看到的位址了. 那麼我要取得的描述呢? 這樣: $(」img」).attr(」alt」) .夠簡單吧. 它不但可以取到html本身有的屬性, 而且也能取到你自己定義的屬性, 比如上例中的 funny屬性, 自己試試能不能獲取到它的值. 注意: 如果你要獲取的屬性是不存在的, 那麼jquery就會返回乙個 undefined .

用法二: $(選擇器).attr(屬性名, 屬性值) 它的作用是為所有匹配的元素設定乙個屬性值。

假如頁面中有一堆這樣的html:

我們寫一句這樣的jquery**: $(」img」).attr(」src」,」 這樣上面一堆無意義的img標籤就變成了:

很容易理解吧. 假如我們想給設定高度,那麼只要 $(」img」).attr(」height」,」300″) . 再要設定寬度就這樣: $(」img」).attr(」width」,」500″) . 如此看來是沒有什麼問題, 但是當要設定多個屬性時, 乙個乙個的這樣寫真是太麻煩了, 那麼我們來看第三個用法.

用法三: $(選擇器).attr(map) 它的意思就是給指定元素設定多個屬性值, 我們重點看一下 map 是什麼意思. 它其實是這樣一種序列:

那麼我要實現用法二中的例子只要這樣寫:

$(「img」).attr()

以上我們學會了獲取屬性值, 設定屬性值, 那麼怎麼刪除屬性呢?

同樣是用法一中的html**, 我想刪掉的高度屬性, 那麼就這樣:

$(「img」). removeattr(「height」);

嗯,就這麼簡單.  attr 其實就是原生js中 getattribute 的簡化實現, 而removeattr 就是 removeattribute 的簡寫了

一、獲取

二、獲取

三、獲取

那麼是否有跟attr()相似的屬性呢?

jquery中val()與之類似,

$(this).val();獲取某個元素節點的value值,相當於$(this).attr("value");

$(this).val(value);設定某個元素節點的value值,相當於$(this).attr("value",value);

jquery中的attr 方法

jquery中用attr 方法來獲取和設定元素屬性,attr是attribute 屬性 的縮寫,在jquery dom操作中會經常用到attr attr 有4個表示式。1.attr 屬性名 獲取屬性的值 取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒...

jQuery中attr的用法

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

jquery中attr啥意思

在jquery中,attr是乙個用於設定或者返回被選元素屬性和值的方法 該方法用於返回屬性值時,能夠返回第乙個匹配元素的值 該方法用於設定屬性值時,可以設定多個屬性值,語法為 元素物件.attr 屬性 或 元素物件.attr 屬性,屬性值 本教程操作環境 windows10系統 jquery3.2....