JQuery 效果 显示show()隐藏hide()切换toggle()
JQuery中封装了很多动画效果，最为常见的效果如下：
1. show()
show([speed],[easing],[fn])
1) 参数可以省略,无动画直接显示。
2) speed：三种预定义速度之一的字符串（“show”,”normal”,or”fast”）或表示动画时长的毫秒数值(如1000)。
3) easing:(Optional)用来指定切换效果，默认是swing 可以用参数linear。
4) fn:回调函数，在动画执行后运行,每个元素执行一次。
2. hide()
hide([speed],[easing],[fn])
5) 参数可以省略,无动画直接显示。
6) speed：三种预定义速度之一的字符串（“show”,”normal”,or”fast”）或表示动画时长的毫秒数值(如1000)。
7) easing:(Optional)用来指定切换效果，默认是swing 可以用参数linear。
8) fn:回调函数，在动画执行后运行,每个元素执行一次。
3. toggle()
toggle([speed],[easing],[fn])
9) 参数可以省略,无动画直接显示。
10) speed：三种预定义速度之一的字符串（“show”,”normal”,or”fast”）或表示动画时长的毫秒数值(如1000)。
11) easing:(Optional)用来指定切换效果，默认是swing 可以用参数linear
12) fn:回调函数，在动画执行后运行,每个元素执行一次。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery.min.js"></script>
<style>
div{
width: 300px;
height: 200px;
background-color: pink;}
</style>
</head>
<body>
<div>
</div>
<button>显示</button>
<button>隐藏</button>
<button>切换</button>
</body>
<script>
$(function(){
$("button").eq(0).click(function(){
$("div").show(1000);
});
$("button").eq(1).click(function(){
$("div").hide(1000,function(){
alert(1);
});
});
$("button").eq(2).click(function(){
$("div").toggle(1000);
});
})
</script>
</html>