jQuery DOM操作之屬性操作

2021-08-08 22:38:14 字數 1215 閱讀 7265

在jquery中用，用attr()方法來獲取和設定元素屬性，用removeattr()方法來刪除元素屬性。

已知標籤中有如下**：

我喜歡畫畫
1、獲取屬性如果要獲取元素的屬性 title ， 需要向attr( )方法傳遞乙個引數，即屬性名稱。

jquery**如下：

執行**彈出框內容就是標籤的title屬性中的內容

但是為了**簡潔，接下來都採用下邊的方式書寫。不再一一定義新變數來獲取節點。

上邊的獲取節點的title屬性可以直接寫成：

alert($("p").attr("title"));
2、設定屬性假設標籤中有如下**：

我喜歡畫畫
如果要設定元素屬性的title值，也可以使用attr( )方法。不同的是需要傳遞兩個引數。即屬性名稱和對應的值。

以下**應該在標籤中。 此處省略

var p_set=$("p").attr("title","你的愛好是？");
此時再獲取標籤的title屬性。依然會得到上述彈框圖。

如果需要一次性為同乙個元素設定多個屬性，可以使用下面的**來實現：

假設標籤中有如下**：

我喜歡畫畫
現在將標籤分別設定兩個屬性、title 和 name 。

$("p").attr();
注意 前邊是 屬性名，後邊是屬性值。設定多個屬性的時候用花括號 擴著，中間用 ","  隔開。3、刪除屬性假設標籤中有如下**：

我喜歡畫畫
用removeattr()方法後，

$("p").removeattr("title");
執行**，元素的title屬性將被刪除，此時元素的html結構由

我喜歡畫畫

變為我喜歡畫畫

jQuery dom元素屬性操作

2.刪除屬性 removeattr 3.獲取屬性值 二 dom元素的屬性設定 獲取 刪除 prop 2.刪除屬性 removeprop 3.獲取屬性值 四 removeattr 和removeprop 的區別 五 attr和prop的相互轉化使用 引數說明引數 說明name 屬性名稱 propert...

JQuery dom屬性操作 節點遍歷及包裹

jquery中對dom屬性的操作和遍歷節點。1.attr 屬性操作 attr 的作用是獲取屬性和設定屬性。1 當為該方法傳遞乙個引數時,即為某元素的獲取指定屬性。2 當為該方法傳遞兩個引數時,即為某元素設定指定屬性。3 jquery 中有很多方法都是乙個函式實現獲取和設定.如 attr html t...

jQuery DOM操作篩選

filter not has div1span div2 div filter box css border 1px red solid 選出div，並且類為box,進行操作 div not box css border 1px red solid 選擇div 並且類不是box，進行操作 div h...