1.鼠標事件

方法　　　　　　 描述 　　　　　　　　　　　　　　　　　　　　　　執行時機

click( ) 　　　　 　 觸發或將函數綁定到指定元素的click事件 　　　 　 單擊鼠標時
mouseover( ) 　　 觸發或將函數綁定到指定元素的mouseover事件　　 鼠標指針移過時
mouseout( ) 　　 觸發或將函數綁定到指定元素的mouseout事件　　 鼠標指針移出時
mouseenter( ) 　 觸發或將函數綁定到指定元素的mouseenter事件 鼠標指針進入時
mouseleave() 　　觸或將函數綁定到指定元素的mouseleave事件 鼠標指針離開時

2.鍵盤事件

方法　　　　　　執行時機　　　　　　　　　　　　　　　　　　描述

keydown( )　　 觸發或將函數綁定到指定元素的keydown事件　　 按下鍵盤時

keyup( )　　　 觸發或將函數綁定到指定元素的keyup事件　　　　釋放按鍵時

keypress( )　　觸發或將函數綁定到指定元素的keypress事件　　產生可打印的字符時

----------------瀏覽器事件
resize() 調整大小

-----------------------
3.事件綁定
綁定多個事件：

$(dom).bind({
mouseover:function(){
},
mouseout:function(){
}
});

//卸載部分事件:
unbind("A B C")

on

當unbind()不帶參數時，表示移除所綁定的全部事件

3.復合事件

hover( )方法

//第一個topDown指光標移入時觸發，第二個topDown指光標移出時觸發

$(".top-m .on").hover(function(){
	$(".topDown").show();
          },
         function(){
	 $(".topDown").hide();
         }
);

　toggle( )方法

$("input").toggle(
        function(){$("body").css("background","#ff0000");},
         function(){$("body").css("background","#00ff00");},
          function(){$("body").css("background","#0000ff");}
    )

toggle( )和toggleClass( )總結
toggle( fn1,fn2...)實現單擊事件的切換，無須額外綁定click事件
toggle( )實現事件觸發對象在顯示和隱藏狀態之間切換
toggleClass( )實現事件觸發對象在加載某個樣式和移除某個樣式之間切換

事件：觸發的XXX
事件：通過某個操作觸發某個事情，並執行的效果
事件：通過某個操作來執行這個事件，來返回某個結果
事件：觸發事件的對象，和處理事件的方法相關聯。

4.自定義動畫
$("[type=button]").bind("click", function() {
//隊列：
$("div")
.animate({"font-size":"50px"},2000,function(){alert(‘aa‘);})
.animate({"width":"200px"},{ queue: false, duration: 2000 });
});
queue：是否加入隊列，默認取值為true，加入隊列。等待第一個動畫完成後再完成第二個動畫

animate({css樣式},{Duration=3000,queue:false});

5.show() 和hide()

show() 控制元素的顯示，hide( )控制元素的隱藏

6.slideDown() 和slideUp()

slideDown() 可以使元素逐步延伸顯示
slideUp()則使元素逐步縮短直至隱藏

$(document).ready(function() {
       $("h2").click(function(){
	   $(".txt").slideUp("slow");
	   $(".txt").slideDown("slow");
       });
 });

7.fadeIn() 和fadeOut()

fadeIn()和fadeOut()可以通過改變元素的透明度實現淡入淡出效果

JQuery中的事件與動畫