click()，bind()，live()都是執(zhí)行事件時(shí)使用的方法，他們之前是有一些區(qū)別的，我們?cè)谑褂眠@些方法時(shí)應(yīng)該根據(jù)需要進(jìn)行選擇。

1.click()方法是我們經(jīng)常使用的單擊事件方法：

$("a").click(function() {

   alert("hello");

});

當(dāng)點(diǎn)擊<a>時(shí)，輸出hello。

2.click()方法是bind()方法的一種簡(jiǎn)單方法。

在bind()中，jQuery所有JavaScript事件對(duì)象，比如focus, mouseover, 和 resize，都是可以作為type參數(shù)傳遞進(jìn)來(lái)的。我們直接看看jQuery文檔中的一個(gè)例子：

var message = "left";

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

   alert(message);

   return false;

});

var message = "right";

$("a").bind("contextmenu", function() {

   alert(message);

   return false;

});

上邊代碼中，無(wú)論是左鍵單擊還是右鍵單擊<a>輸出總是"right"。為了解決這個(gè)問(wèn)題，我們可以將message作為data參數(shù)傳遞到到bind()方法中，如下：

var message = "left";

$("a").bind("click", { msg: message }, function(e) {

   alert(e.data.msg);

   return false;

});

var message = "right";

$("a").bind("contextmenu", { msg: message }, function(e) {

   alert(e.data.msg);

   return false;

});

這樣當(dāng)我們左鍵單擊<a>時(shí)，輸出"left"；當(dāng)右鍵單擊<a>時(shí)，輸出"right"。

可見(jiàn)，一般情況下我們使用click()方法就可以了，當(dāng)需要處理上邊這種情況時(shí)，我們要使用bind()方法。

3.live()給所有匹配的元素附加一個(gè)事件處理函數(shù)，即使這個(gè)元素是以后再添加進(jìn)來(lái)的也有效。如下：

$("div.live").bind("click", function() {

   alert("success");

});

此時(shí)，當(dāng)點(diǎn)擊class為live的div時(shí)，輸出"success"。此時(shí)如果有一個(gè)新的元素添加了進(jìn)來(lái)，如下：

$("<div class="live" href="#">live</div>").appendTo("body");

這時(shí)，當(dāng)使用上邊方法點(diǎn)擊class為live的a標(biāo)簽時(shí)，不會(huì)執(zhí)行。原因在于，這個(gè)元素是在調(diào)用bind()之后添加的，而使用live()方法使得在后邊添加的元素也能夠執(zhí)行相應(yīng)的事件，如下：

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

   alert("success");

});

這樣，當(dāng)我們單擊class為live的a標(biāo)簽時(shí)，如果此a標(biāo)簽是后邊添加的，也能照常輸出"success"。至于原因，在這里不做具體的說(shuō)明，本篇主要比較幾種方法的區(qū)別。

最后，看看delegate()方法，這個(gè)方法到目前為止我自己還沒(méi)有使用過(guò)，應(yīng)該是在1.4.2中才有的。

live()方法的一個(gè)不足在于它不支持鏈?zhǔn)綄懛ǎ?/p>

$("#test").children("a").live("mouseover", function() {

    alert("hello");

});

上邊這種寫法并不會(huì)輸出，我們使用delegate()可以寫為：

$("#test").delegate("a", "mouseover", function() {

    alert("hello");

});

這樣就可以正常的輸出我們想要的結(jié)果了。本篇總結(jié)了click()、bind()、live()和delegate()方法，其中并沒(méi)有做非常詳細(xì)的解釋，僅望能對(duì)大家在具體使用時(shí)有所幫助。