jquery DOM 

分為元素操作、屬性操作、樣式操作。

一、元素操作

1、查找

①工具：jQuery選擇器

2、創建和添加

①代碼格式：變數 = $('要創建的元素')；

註意點：

1 要使用標準的XHTML格式。

2 不能使用$("<p>")或者$("<P/>")。

3 可以在標簽內添加文本當做文本節點 。

4 無論多麼複雜都可以添加 。

5 可以添加屬性節點。

②添加入jQuery對象相對應的方法：

1 append();：

①參數：是一個創建好的jQuery對象。

②就傳入的jQuery對象添加到引用的jquery對象相對應的html元素中。

③位置在引用的子元素的最後面。

2 prepend(); :

①和append();的添加位置相反在子元素的最前面。

3 after(); :

①和前面不同的是這是吧元素添加到引用元素的後面。

4 before(); :

①和after(): 相反 位置在引用元素的前面。

3、刪除

①刪除方法

1 remove();

①參數：傳過濾的屬性 選擇元素。

②方法返回一個刪除的jQuery對象，可以用變數接收。

③註意：綁定的事件和數據都會對丟失，所有後代節點都會被刪除。

2 detach():

①參數：傳過濾的屬性 選擇元素。

②方法返回一個刪除的jQuery對象，可以用變數接收。

③註意：綁定事件和數據不會丟失，所有後代節點都會被刪除。

3 empty();

①參數：無。

②作用：把引用元素的子節點（包括文本節點）全部刪除。

③註意：會保留屬性節點。

 4、克隆

1 clone();

①參數：可以傳true,克隆的元素連帶事件一同複製。

5、替換

1 replaceWith(); 

①參數：XHTML語言文本。

②特點：把所有匹配到的元素都替換。

2 replaceAll();

①參數：XHTML語言文本。

②特點：和 replaceWith(); 相反。

6、包裹

1 wrapAll();

①參數：XHTML語言文本。

②特點：會把匹配到的元素用參數元素包裹起來（一包多）。

2 wrap();

①參數：XHTML語言文本。

②特點：會把匹配到的元素用參數元素包裹起來（一包一個）。

3 wrapinner();

①參數：XHTML語言文本。

②特點：會把匹配到的元素的子元素（包括文本節點）用參數元素包裹起來（一包多）。

二、屬性操作

①獲取和設置屬性

1 attr();

①參數：傳一個是，參數是屬性名，返回該屬性的值。傳的是兩個時，第一代表屬性名，第二個代表設置的屬性值。

2 removeAttr();

①參數：傳入屬性名， 刪除該屬性。

三、樣式操作

①獲取和設置樣式

1 attr();

①參數：第一個傳入class 第二個傳入在樣式表裡的處理過的class值。

②疊加樣式

1 addClass();

①參數；傳入class名。

②為匹配到的元素疊加上改class值。

③移除樣式

1 removeClass();

①參數：傳入要移除的class屬性值。

④切換樣式

1 toggleClass();

①參數：class屬性值

②如果class存在則移除，如果不存在則添加。 

⑤判斷是否含有某個樣式

1·hasClass();

①參數：傳入class值

②返回true，表示匹配元素含有該class值，反之沒有。

四、設置和獲取HTML、文本和值

1 html();

①參數：不傳參時返回匹配到的元素里的html包括文本，傳入時必須穿入xhtml格式的html文本。

②在匹配的元素里添加參數html。

2 text();

①參數：不傳時 返回匹配到的元素里的文本節點 傳時修改的元素里的文本內容。

3 val();

①參數：不傳時獲取元素屬性的值 傳時修改元素屬性的值。