jQuery中對節點進行操作的相關介紹

動態建立Dom節點

jQuery中使用$(html字串)來動態建立Dom節點，並且返回一個jQuery對象，可以調用append等方法將建立的節點添加到Dom中。

例如：

        var link = $("<a href='http://www.baidu.com'>百度</a>");

        $("div:first").append(link);

添加節點元素的方法：

Append方法用來在元素的末尾追加元素（最後一個子節點）

Prepend在元素的開始添加元素（第一個子節點）

After:在元素之後添加元素（添加兄弟節點）

Before：在元素之前添加元素（添加兄弟節點）

子項目.appendTo(父元素)：在元素的末尾追加一個子項目

子項目.prependTo(父元素):在元素的開始追加一個子項目

A.insertBefore(B)    將A插入到B的前面，等同於B.before(A);

X.insertAfter(B)   將X插入到Y的後面，等同於Y.after(X);
 

刪除節點：

Empty():清空該元素下的所有子節點

        等同於：while(ele.firstChild){ele.removeChild(ele.firstChild);}

Remove(selectot);自殺；刪除當前元素，傳回值為被刪除的元素，可以講節點刪除之後放到其他節點下面，有一個移動的效果，例如：

       var lis = $("#ulSite li").remove();

       $("#ulSite2").append(lis);

     
Clone()複製節點，支複製節點，不複製節點

Clone(true):複製節點帶事件

節點的替換：

$("br").replaceWith("<hr/>");

$("br").replaceAll("<hr/>");
 

包裹節點

Wrap()方法用來將所有的元素逐個用指定的標籤包裹

$("b").wrap("<font color='red'></font>");將所有粗體字紅色顯示

wrapInner();在內部圍繞