jQuery-3

1.append：向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。

例：

<button type="button" class="append">append</button>

$(".append").click(function(){
//所有子元素之后
$("ul").append("<li>列表 append</li>")
//$("<li>列表 append</li>").appendTo($("ul"));
})

2.prepend：是向所有匹配元素内部的开始处插入内容

<button type="button" class="prepend">prepend</button>

$(".prepend").click(function(){
//所有子元素之前
$("ul").prepend("<li>列表 prepend</li>")
})

3.before:在每个匹配的元素之前插入内容。

<button type="button" class="before">before</button>

$(".before").click(function(){
//当前元素之前
$("ul").before("<div>div before</div>")
})

4：after：在每个匹配的元素之后插入内容。

<button type="button" class="after">after</button>

$(".after").click(function(){
//当前元素之后
$("ul").after("<div>div before</div>")
})

5.empty：删除匹配的元素集合中所有的子节点。

<button type="button" class="empty">empty</button>

$(".empty").click(function(){
$("ul").empty()
})

6.remove：删除标签

<button type="button" class="remove">remove</button>

$(".remove").click(function(){
$("ul").remove()
})