另一种事件
$("button").click(function () {
var $ele=$("<li>")
});
<body>
<div>hello</div>
<button onclick="f()">显示</button>
<button onclick="f2()">隐藏</button>
<button onclick="f3()">切换</button>
<script src="jquery-3.3.1.min.js"></script><!--不加此句$不识别-->
<script>
function f() {
$("div").show()
//$("div").show(1000)//延时，缓慢
}
function f2() {
$("div").hide()
}
function f3() {
$("div").toggle(1000)//有变没，没变有
注意fadein fadeout fadetoggle fadeto,淡入淡出的渐变fadeto(1000,0.4)
}
</script>
</body>
回调函数,动画效果结束后触发，就是加个function
function f2() {
$("div").hide(1000,function () {
alert(1234)
})
}
function f3() {
$("div").toggle(1000,function () {
alert("hello")
})
}
