jQuery中提供了四種繫結事件的方法，分別是bind、live、delegate、on，對應的解除監聽的函式分別是unbind、die、undelegate、off：

一、on()方法(首選方法)

on() 方法在被選元素及子元素上新增一個或多個事件處理程式。

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。該方法給 API 帶來很多便利，我們推薦使用該方法，它簡化了 jQuery 程式碼庫。

引數：

event:必需。規定要從被選元素移除的一個或多個事件或名稱空間。由空格分隔多個事件值。必須是有效的事件

data

function:可選。規定當事件發生時執行的函式。

map:規定事件對映 ({event:function, event:function, ...})，包含要新增到元素的一個或多個事件，以及當事件發生時執行的函式。

語法：$(selector).on(event,childSelector,data,function,map)

舉例：給p元素新增單擊事件

$("p").on("click",function(){

    alert("The paragraph was clicked.");

});

二、bind()方法

bind()作用就是在選擇到的元素上繫結特定事件型別的監聽函式，

引數：

type:必需。事件型別，如click、change、mouseover等;

data:可選。傳入監聽函式的引數，通過event.data取到。可選;

function:必需。規定當事件發生時執行的函式(監聽函式)，可傳入event物件，這裡的event是jQuery封裝的event物件，與原生的event物件有區別，使用時需要注意。

map:規定事件對映 ({event:function, event:function, ...})，包含要新增到元素的一個或多個事件，以及當事件發生時執行的函式

語法：$(selector).bind(event,data,function,map)

舉例：給<p>新增一個單擊事件

$("p").bind("click",function(){

    alert("單擊p元素");

});

三、live()方法

live()，在版本 1.9 中被移除。請使用on()方法代替。新增一個或多個事件處理程式到當前或未來的被選元素。(還是總結在此)

引數：

event：必需。規定新增到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。

data:可選。傳遞到該函式的額外引數

function:必需。當事件發生時，執行的函式

語法：$(selector).live(event,data,function)

舉例：當點選按鈕時，隱藏或顯示 <p> 元素：

$("button").live("click",function(){

    $("p").slideToggle();

});

四、delegate()方法

delegate() 方法為指定的元素（屬於被選元素的子元素）新增一個或多個事件處理程式，並規定當這些事件發生時執行的函式。使用 delegate() 方法的事件處理程式適用於當前或未來的元素（比如由指令碼建立的新元素）。

引數：

childSelector：必需。規定要新增事件處理程式的一個或多個子元素。

event：必需。規定新增到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。

data:可選。傳遞到該函式的額外引數

function:必需。當事件發生時，執行的函式

語法：$(selector).delegate(childSelector,event,data,function)

舉例：當單擊 <div> 元素內部的 <p> 元素時，改變所有 <p> 元素的背景顏色：

$("div").delegate("p","click",function(){

    $("p").css("background-color","pink");

});