一：內部插入

1：append(content)：向每個匹配的元素內部追加內容。$("p").append("<b>Hello</b>");

2：appendTo(content)：把所有匹配的元素追加到另一個指定的元素元素集合中。$("p").appendTo("div");

3：prepend(content)：向每個匹配的元素內部前置內容。$("p").prepend("<b>Hello</b>");

4：prependTo(content)：把所有匹配的元素前置到另一個、指定的元素元素集合中。$("p").prependTo("#foo");

二：外部插入

1：after(content)：在每個匹配的元素之後插入內容。$("p").after("<b>Hello</b>");

2：before(content):在每個匹配的元素之前插入內容。$("p").before("<b>Hello</b>");

3:insertAfter(content):把所有匹配的元素插入到另一個、指定的元素元素集合的後面。$("p").insertAfter("#foo");

4:insertBefore(content):把所有匹配的元素插入到另一個、指定的元素元素集合的前面。$("p").insertBefore("#foo");

三：包裹

1：wrap(html) 把所有匹配的元素用其他元素的結構化標記包裹起來。$("p").wrap("<div class=‘wrap‘></div>");

2：wrap(elem)：$("p").wrap(document.getElementById(‘content‘));

3：unwrap()這個方法將移出元素的父元素。 $("p").unwrap()

4：wrapAll(html)將所有匹配的元素用單個元素包裹起來 $("p").wrapAll("<div></div>");

5：wrapAll(elem)將所有匹配的元素用單個元素包裹起來$("p").wrapAll(document.createElement("div"));

6：wrapInner(html)將每一個匹配的元素的子內容(包括文本節點)用一個HTML結構包裹起來$("p").wrapInner("<b></b>");

7：wrapInner(elem)將每一個匹配的元素的子內容(包括文本節點)用DOM元素包裹起來$("p").wrapInner(document.createElement("b"));

四：替換

1：replaceWith(content)將所有匹配的元素替換成指定的HTML或DOM元素。$("p").replaceWith("<b>Paragraph. </b>");

2：replaceAll(selector)用匹配的元素替換掉所有 selector匹配到的元素。$("<b>Paragraph. </b>").replaceAll("p");

五：刪除

1：empty()刪除匹配的元素集合中所有的子節點。$("p").empty();

2：remove([expr])從DOM中刪除所有匹配的元素。$("p").remove();

3：detach([expr])從DOM中刪除所有匹配的元素。$("p").detach();

六：復制

1：clone()克隆匹配的DOM元素並且選中這些克隆的副本。$("b").clone().prependTo("p");

2：clone(true)元素以及其所有的事件處理並且選中這些克隆的副本。設置為true以便復制元素的所有事件處理

jQuery中的文檔處理