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

動態建立Dom節點

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

例如：

        var link = $("百度");

        $("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("

---

");

$("br").replaceAll("

---

");
 

包裹節點

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

$("b").wrap("");顯示所有粗體字紅色

wrapInner();內部圍繞