JavaScript 有一個非常重要的功能，就是事件驅動。當頁面完全加載后，用戶通過鼠標或鍵盤觸發頁面中綁定事件的元素即可觸發。jQuery 為開發者更有效率的編寫事件行為，封裝了大量有益的事件方法供我們使用。

一．綁定事件

常用的事件有：click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、change、select、submit、keydown、keypress、keyup、blur、focus、load、resize、scroll、error,更多的事件參考手冊中的事件部分。

jQuery 通過.bind()方法來為元素綁定這些事件?？梢詡鬟f三個參數：

bind(type, [data], fn)：

type ：表示一個或多個類型的事件名字符串；

[data]：是可選的，作為 event.data 屬性值傳遞一個額外的數據，這個數據是一個字符串、一個數字、一個數組或一個對象；

fn ：表示綁定到指定元素的處理函數。

$('input').bind('click',function () {   //第一種：點擊按鈕后執行匿名函數

alert('點擊！');  

});

$('input').bind('click',fn);          //第二種：執行普通函數式無須圓括號

function fn() {     

alert('點擊！');

}

$('input').bind('mouseout mouseover', function () {    //第三種：可以同時綁定多個事件

$('div').html(function(index, value) {             //移入和移出分別執行一次

    return value + '1';

});

});

//通過對象鍵值對綁定多個參數

$('input').bind({   //傳遞一個對象

'mouseout': function () {                            //事件名的雙引號可以省略

alert('移出');

},

'mouseover': function () {

alert('移入');

}

});

//使用unbind刪除綁定的事件

$('input').unbind();                            //刪除所有當前元素的事件

//使用unbind參數刪除指定類型事件

$('input').unbind('click');                        //刪除當前元素的click事件

//使用unbind參數刪除指定處理函數的事件

function

fn1() {

alert('點擊1');

}

function

fn2() {

alert('點擊2');

}

$('input').bind('click',fn1);

$('input').bind('click',fn2);

$('input').unbind('click',fn1);                    //只刪除fn1處理函數的事件