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

已知有4個列表元素:

　　列表元素1

　　列表元素2

　　列表元素3

　　列表元素4

　　1、bind

bind(type,[data],function(eventObject))

bind是使用頻率較高的一種，作用就是在選擇到的元素上繫結特定事件型別的監聽函式，引數的含義如下：

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

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

function:監聽函式，可傳入event物件，這裡的event是jQuery封裝的event物件，與原生的event物件有區別，使用時需要注意。

　　原始碼:

bind: function( types, data, fn ) {

return this.on( types, null, data, fn );

}

　　可以看到內部是呼叫了on方法。

　　bind的特點就是會把監聽器繫結到目標元素上，有一個綁一個，在頁面上的元素不會動態新增的時候使用它沒什麼問題。但如果列表中動態增加一個“列表元素5”，點選它是沒有反應的，必須再bind一次才行。

　　2、live

live(type, [data], fn)

live的引數和bind一樣，它又有什麼蹊蹺呢，我們還是先瞄一眼原始碼：

live: function( types, data, fn ) {

jQuery( this.context ).on( types, this.selector, data, fn );

return this;

}

可以看到live方法並沒有將監聽器繫結到自己(this)身上，而是繫結到了this.context上了。

live正是利用了事件委託機制來完成事件的監聽處理，把節點的處理委託給了document。

使用事件委託的優點一目瞭然，新新增的元素不必再繫結一次監聽器。

　　3、delegate

將監聽事件繫結在就近的父級元素上，原始碼:

delegate: function( selector, types, data, fn ) {

return this.on( types, selector, data, fn );

}

這下，我們的選擇又多了一些靈活性，不單可以利用事件委託，還可以選擇委託的物件。畢竟老麻煩同一個人幫忙很不好嘛。對於如何選擇委託物件，還是需要一定的策略的，畢竟父級元素可以有很多。我覺得原則應該是選擇最近的“穩定”元素，選擇最近是因為事件可以更快的冒泡上去，能夠在第一時間進行處理。所謂“穩定”是指該父級元素是一開始就在頁面上的，不是動態新增上來的，而且將來也不會消失掉，這樣可以保證它可以時時監控著自己的孩子。

　　4、on

on(type,[selector],[data],fn)

引數與delegate差不多但還是有細微的差別，首先type與selector換位置了，其次selector變為了可選項。

$(‘#myol li’).on(‘click’,getHtml);

可以看到event.currentTarget是li自己，與bind的效果一樣。至於傳selector進去，就是跟delegate一樣的意義了，除了引數順序不同，其他完全一樣。