jQuery文档处理

内部插入

append()

向每个匹配的元素内部追加内容。

$(".append").click(function () {
//所有子元素之后
$("ul").append("<li>列表append</li>");
//$("<li>列表append</li>").appendTo($("ul")); 把所有匹配的元素追加到另一个指定的元素元素集合中。
})

 

prepend()

向每个匹配的元素内部前置内容。

 

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

 

 

 

 

//外部插入
after()

在每个匹配的元素之后插入内容。
before()

在每个匹配的元素之前插入内容。

//外部插入 => 兄弟节点

 

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

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

 

 

 

empty()

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

remove([expr])

从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。
但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。

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

$("ul").empty();
})

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

$("ul").remove();
})