文档处理

1）插入元素：

　内部插入=>子节点

// 前面
$(".prepend").click(function(){
    $("ul").prepend("<li>列表prepend</li>");
    // $("<li>列表prependTo</li>").prependTo($("ul"));
})
// 后面
$(".append").click(function(){
    $("ul").append("<li>列表append</li>");
    // $("<li>列表appendTo</li>").appendTo($("ul"));
})

　外部插入=>兄弟节点

// 上面
$(".before").click(function(){
    $("ul").before("<li>列表before</li>");
})
// 下面
(".after").click(function(){
    $("ul").after("<li>列表after</li>");
})

2）包裹:

在ul-li列表外加一个边框

$(".wrap").click(function(){ $("ul").wrap("<div style='color: red'></div>"); })

3）替换：

将第一个列表1替换为列表new

$(".replaceWith").click(function(){
    $("li:first").replaceWith("<li>列表new</li>");
})

4）清空：---子元素、内容

$(".empty").click(function(){
    $("li:first").empty();
})

5）删除：---元素/本身

$(".remove").click(function(){
    $("li:first").remove();
})

 6）复制：

$(".clone").click(function(){
    $("li:first").clone().appendTo($("ul"));
})