一、屬性操作

1、獲取屬性和設置屬性

例如下jQuery代碼：

var $para=$("p");           //獲取<p>節點

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

var id = parseInt($("img").parent().prop("id"));   //獲取圖片標簽的父元素的屬性ID的值

注意：

jQuery中的很多方法都是同一個函數實現獲?。╣etter）和設置（setter）的，例如 attr（）方法，既能設置元素屬性的值，也能獲取屬性的值。類似的方法還有html（）、text（）、height（）、width（）、val（）、css（）等。

2、刪除屬性

如果需要刪除<p>元素的title屬性，可以視同下面的代碼實現：

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

二、樣式操作

1、獲取樣式和設置樣式

$("p").attr("class");    //獲取<p>元素的class

$("#Text1").css("color", "#ACACAC");     //將ID為Text1的元素的文本顏色設置為#ACACAC

2、追加樣式

$("p").addClass("another");   //給<p>元素追加“another”類

3、移除樣式

$("p").removeClass("high");    //移除<p>元素中值為“high”的class

4、切換樣式

<p>元素的HTML原始代碼：

<p class="myclass" title="test">test</p>

當點擊“切換樣式”按鈕后，變為：

<p class="myclass another" title="test">test</p>

當再次單擊“切換樣式”按鈕時，又變回原來的狀態

<p class="myclass" title="test">test</p>

5、判斷是否含有某個樣式

hasClass()

用法：

$("p").hasClass("another");    　　//判斷此元素中是否含有“another”的class

$("p").is("another");      //作用同等于如上代碼

三、設置和獲取HTML，文本和值

1、HTML（）方法

$("p").html();    　　//獲取<p>元素的HTML代碼

$("p").html("<strong>叫我大哥</strong>");　　//設置<p>元素的HTML代碼

2、text（）方法

$("p").text();　　　　//獲取<p>元素的text

$("p").text("叫我大哥");　　　　//設置<p>元素的text

3、val（）方法

$("input").val();　　　　//獲取<input>元素的val

$("input").val("叫我大哥");　　//設置<input>元素的val

四、遍歷節點

1、children（）方法

該方法用于取得匹配元素的子元素的集合。

2、next（）方法

var $p1=$("p").next();　　　　//得到緊鄰<p>元素后的同輩元素

3、prev（）方法

var #ul=$("ul").prev();　　　　//得到緊鄰<ul>元素前的同輩元素

4、siblings（）方法

var sp2=$("p").siblings();　　　　//得到緊鄰<p>元素的同輩(兄弟)元素