动画
三种方式显示和隐藏元素
1.默认显示和隐藏方式
（1）show([speed,[easing],[fn]])
①参数：
（a）.speed:动画的速度。三个预定的值（slow，normal，fast）或表示动画时长的毫秒数值（如：1000）
（b）.easing：用来指定切换效果，默认swing，可用参数linear
（swing:动画执行时效果是先慢，中间快，最后又慢，
linear：动画执行时速度是匀速的）
（c）.fn：在动画完成时执行的函数，每个元素执行一次
（2）hide([speed,[easing],[fn]])
（3）toggle([speed],[easing],[fn])
示例
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
//隐藏div
function hidenFn() {
// $("#showDiv").hide("slow","swing",function () {
// alert("隐藏了。。。");
//});
//$("#showDiv").hide("slow","swing");
//默认
// $("#showDiv").hide(5000,"swing");
$("#showDiv").hide(5000,"linear");
}
//显示div
function showFn() {
$("#showDiv").show("slow","swing",function () {
alert("显示了。。。");
});
}
//切换div
function toggleFn() {
$("#showDiv").toggle("slow");
}
</script>
</head>
<body>
<input type="button" value="点击按钮隐藏div" onclick="hidenFn()">
<input type="button" value="点击按钮显示div" onclick="showFn()">
<input type="button" value="点击按钮切换div显示和隐藏" onclick="toggleFn()">
<div id = "showDiv" style="...">
div显示和隐藏
</div>
</body>
2.滑动显示和隐藏方式
（1）slideDown([speed],[easing],[fn])
（2）slideUp([speed,[easing],[fn]])
（3）slideToggle([speed],[easing],[fn])
示例
<script type="text/javascript">
function hidenFn() {
//滑动
$("#showDiv").slideUp("slow");
}
//显示div
function showFn() {
//滑动
$("#showDiv").slideDown("slow");
}
//切换div
function toggleFn() {
$("#showDiv").slideToggle("slow");
}
</script>
3.淡入淡出显示和隐藏方式
（1）fadeIn([speed],[easing],[fn])
（2）fadeOut([speed],[easing],[fn])
（3）fadeToggle([speed,[easing],[fn]])
<script type="text/javascript">
function hidenFn() {
//淡入淡出
$("#showDiv").fadeOut("slow");
}
//显示div
function showFn() {
//淡入淡出
$("#showDiv").fadeIn("slow");
}
//切换div
function toggleFn() {
$("#showDiv").fadeToggle("slow");
}
</script>
遍历
1.js遍历方式
（1）for（初始化值；循环结束条件；步长）
2.jq遍历方式
（1）jq对象.each（callback）
（2）$.each(object,[callback])
（3）for…of: (jq3.0版本之后提供的方式)
