這篇文章主要介紹了JQuery節點元素屬性操作方法,實例分析了attr與removeAttr方法操作節點元素屬性的相關使用技巧,需要的朋友可以參考下

本文實例講述了JQuery節點元素屬性操作方法。分享給大家供大家參考。具體分析如下：

在JQuery中，用attr()方法來獲取和設置元素屬性，removeAttr()方法來刪除元素屬性。

獲取屬性和設置屬性

如果要獲取p元素的屬性title，那么只需要給attr()方法傳遞一個參數，即屬性名稱。

1. var $para = $("p"); //獲取<p>節點  
2. var p_txt = $para.attr("title"); //獲取<p>元素節點屬性title 

如果要設置

元素的屬性title的值，也可以使用同一個方法，不同的是，需要傳遞兩個參數即屬性名稱和對應的值。

1. $("p").attr("title", "your title"); 
2. //設置單個的屬性值 

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

1. $("p") .attr({"title" : "your title", "name": "test"});  
2. //將一個“名/值”形式的對象設置為匹配元素的屬性 

JQuery中的很多方法都是同一個函數實現獲取(getter)和設置(setter)的，例如上面的attr()方法，既能設置元素屬性的值，也能獲取元素屬性的值。類似的還有html()、text()、height()、width()、val()和css()等方法。

刪除屬性

在某些情況下，需要刪除文檔中某個元素的特定屬性，可以使用removeAttr()方法來完成該任務。

如果需要刪除p元素的title屬性，可以使用下面的代碼實現：

1. $("p").removeAttr("title"); 
2. //刪除<p>元素的屬性title 

在Firebug下可以看得非常清楚。

希望本文所述對大家的jQuery程序設計有所幫助。