11.5

<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
// 内部插入 子节点
$(".append").click(function(){
// 所有元素之后
$("ul").append("<li>列表append</li>")
// $("<li>列表append</li>").appendTo($("ul"))
})
$(".prepend").click(function(){
// 所有元素之前
$("ul").prepend("<li>列表prepend</li>")
})

//外部插入 兄弟节点
$(".before").click(function(){
// 当前元素之前
$("ul").before("<div>列表before</div>")
})
$(".after").click(function(){
// 当前元素之e后
$("ul").after("<div>列表after</div>")
})

$(".empty").click(function(){
// 当前元素之前
$("ul").empty()
})
$(".remove").click(function(){
// 当前元素之后
$("ul").remove()
})
$("li").on("click","li",function(){
console.log($(this).text())
})

})
</script>