動畫
三種方式顯示和隱藏元素
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版本之後提供的方式)
