一：創建元素節點（添加）

創建元素節點並且把節點作為元素的子節點添加到DOM樹上 append(): 在元素下添加元素
用法：$("id").append("定義的節點"); 例如：var li1 = $("<li>橘子</li>");
添加屬性節點：$("<li class=‘test‘>草莓</li>")

實例：

點擊添加按鈕

appendTo(): 將元素添加到元素裏面
用法： $(li3).appendTo("#box1");

prepend(): 添加節點到元素的最上面

prependTo()：將節點添加給指定元素的最上面
用法：$(li3).prependTo("#box1");

before（）：將節點添加到指定元素的前面（外層）
用法： $("#div1").before(div1);

insertBefore()：將新建元素添加到目標節點前面左右目標元素的兄弟元素

after():將節點添加到指定元素的後面（外層）
用法: $("#div1").after(div1);

insertAfer(): 將新建的元素添加到目標節點後面作為兄弟元素
用法：$(element).insertAfter("目標節點")
before()與after() 的區別：

點擊第一個按鈕如下：

點擊第二個按鈕如下：

二：刪除節點

remove(): 刪除所有匹配到的元素，這個方法能夠刪除元素的所有子節點
$(element).remove();

找到要刪除的元素，使用此方法：

empty(): empty原則上來講它並不是刪除元素，它只是清空節點，它能清空指定元素的所有子節點

$(element).empty();

三：修改節點（替換節點，包裹節點，復制節點）

包裹節點：wrap()
用法：$(element).wrap("html")

復制節點：clone(true) 完全復制某一個元素 ：true復制元素的同時也復制它的行為，如果不需要復制行為的時候就不加參數
用法：$(element).clone(true);

jQuery中 對標簽元素操作（1）