<script type="text/javascript">
$(function(){
//内部插入 ----子节点
$(".append").click(function(){
//在所有元素之后
$("ul").append("<li>app后</li>");
//$("<li>lieb1</li>").appendTo($("ul"));
})
$(".prepend").click(function(){
//在所有元素之前
$("ul").prepend("<li>pre前</li>");
})

//外部插入---兄弟节点

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

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

})
//清除li 保留ul
$(".empty").click(function(){

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

//清除li ul
$(".remove").click(function(){

$("ul").remove();

})
//网页防止获取不到新增元素
$("body").on("click","ul li",function(){
console.log($(this).text())
})

鼠标的样式转换
$("button").hover(function(){
$(this).css("color","red")
},function(){
$(this).css("color","aqua")
})

同样的一个事件，单击双击可以放在一起，不同的不可以放在一起。
$("#txt").on("click dblclick",function(){
console.log(1)
})
</script>