//js创建节点
// var li1 = document.createElement("li");
// jq创建节点
var $li = $("<li>榴莲</li>");
// jq 添加节点
// 内容.appendTo(目标);
// 将内容添加到目标 中 的最后一位
$li.appendTo($("ul"));
$("<li>芒果</li>").appendTo("ul");
$("<li>柠檬</li>").appendTo("ul");
//目标.prepend("内容")
// 将内容添加到目标 的第一位
$("ul").prepend("<li>西瓜</li>");
$("ul").prepend("<li>椰子</li>");
$("<li>车厘子</li>").prependTo($("ul"));
//after() : 在指定的元素之后 插入元素
// 目标.after(内容);
$(".box").after("<span class='s'>上面卖的是假货</span>");
//内容.insertAfter(目标) : 将内容添加到目标之后
// 如果该内容是页面已有元素，这些元素会被移动到指定的位置
$("ul").insertAfter($(".box"));
//before()
$(".box").before("<span>我是新来的span</span>");
//insertBefore() 将内容添加到目标之前
// 如果该内容是页面已有元素，这些元素会被移动到指定的位置
$(".s").insertBefore($(".box"));
//删除节点
// 指定目标.remove()
// $(".s").remove();
//目标.empty() 清空目标的子节点，但不对目标自身造成影响
$("ul").empty();
// 目标.clone() : 复制，
会返回指定目标的复制体，需要接受或者直接使用
var $b = $(".box").clone();
$b.appendTo($("body"));
