CH3.認識jQuery的事件與動畫

在檔案載入完成後，如果打算為元素綁定事件來完成某些操作，則可以使用bind()方法來進行特定事件的綁定。

bind(type [,data] ,fn);
第1個參數是事件類型。
第2個參數為可選參數，作為event.data屬性值傳遞給事件物件的額外資料物件。
第3個參數則是用來綁定的處理函數。

(1) 按一下標題→顯示內容：ex3-1 (請使用ex/ex3-1.html練習)

(2) 點選標題→顯示內容→點選標題→隱藏內容：ex3-2 (請使用ex/ex3-1.html練習)

(3) 滑入標題→顯示內容→滑出標題→隱藏內容：ex3-3 (請使用ex/ex3-1.html練習)

(4) 題目同上，使用合成事件hover()：ex3-4 (請使用ex/ex3-1.html練習)

(5) 點選標題→顯示內容→點選標題→隱藏內容：ex3-5 (請使用ex/ex3-1.html練習)

(6) 點選標題→顯示內容、增加樣式→點選標題→隱藏內容、移除樣式：ex3-6 (請使用ex/ex3-1.html練習)

 

認識更多的事件：http://api.jquery.com/category/events/

認識更多的動畫：http://api.jquery.com/category/effects/