JQuery的動畫、遍歷、事件綁定

動畫

1. 三種方式顯示和隱藏元素
	1. 默認顯示和隱藏方式
		1. show([speed,[easing],[fn]])
				參數：
					1. speed：動畫的速度。三個預定義的值("slow","normal", "fast")
							  或表示動畫時長的毫秒數值(如：1000)。
					2. easing：用來指定切換效果，默認是"swing"，可用參數"linear"
						* swing：動畫執行時效果是 先慢，中間快，最後又慢
						* linear：動畫執行時速度是勻速的
					3. fn：在動畫完成時執行的函數，每個元素執行一次。
		2. hide([speed,[easing],[fn]])
		3. toggle([speed],[easing],[fn])
			
	2. 滑動顯示和隱藏方式
		1. slideDown([speed],[easing],[fn])
		2. slideUp([speed,[easing],[fn]])
		3. slideToggle([speed],[easing],[fn])

	3. 淡入淡出顯示和隱藏方式
		1. fadeIn([speed],[easing],[fn])
		2. fadeOut([speed],[easing],[fn])
		3. fadeToggle([speed,[easing],[fn]])

遍歷

1. js的遍歷方式
	  * for(初始化值;循環結束條件;步長)
2. jq的遍歷方式
	  1. jq對象.each(callback)
			1. 語法：
				jquery對象.each(function(index,element){});
					* index:就是元素在集合中的索引
					* element：就是集合中的每一個元素對象
					* this：集合中的每一個元素對象
	  2. 回調函數返回值：
				    * true:如果當前function返回爲false，則結束循環(break)。
					* false:如果當前function返回爲true，則結束本次循環，繼續下次循環(continue)
			1. $.each(object, [callback])
			2. for..of: jquery 3.0 版本之後提供的方式
				for(元素對象 of 容器對象)

事件綁定

1. jquery標準的綁定方式
		* jq對象.事件方法(回調函數)；
		* 注：如果調用事件方法，不傳遞迴調函數，則會觸發瀏覽器默認行爲。
			* 表單對象.submit();//讓表單提交
2. on綁定事件/off解除綁定
		* jq對象.on("事件名稱",回調函數)
		* jq對象.off("事件名稱")
			* 如果off方法不傳遞任何參數，則將組件上的所有事件全部解綁
3. 事件切換：toggle
		* jq對象.toggle(fn1,fn2...)
			* 當單擊jq對象對應的組件後，會執行fn1.第二次點擊會執行fn2.....
				
		* 注意：1.9版本 .toggle() 方法刪除,jQuery Migrate（遷移）插件可以恢復此功能。
		*<script src="../js/jquery-migrate-1.0.0.js" type="text/javascript" charset="utf-8"></script>