$(function(){
//内部插入---子节点
$(".append").click(function(){
//在所有元素之后
$("ul").append("<li>列表 append</li>")
//$("<li>列表 append</li>").appendTo($("ul"));

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

})
//外部插入---兄弟节点
$(".before").click(function(){
//在所有元素之前
$("ul").before("<li>列表 prepend</li>")
})
$(".after").click(function(){
//在所有元素之后
$("ul").after("<li>列表 prepend</li>")
})
//清空
$(".empty").click(function(){
$("ul").empty()
})
//清除所有
$(".remove").click(function(){
$("ul").remove()
})
//以不变元素为基础 防止获取不到新增元素
$("body").on("click","ul li",function(){
console.log($(this).text())

})
})