click(),bind(),live()都是執行事件時使用的方法,他們之前是有一些區別的,我們在使用這些方法時應該根據需要進行選擇。
1.click()方法是我們經常使用的單擊事件方法:
復制代碼 代碼如下:
$("a").click(function(){
alert("hello");
});
2.click()方法是bind()方法的一種簡單方法。在bind()中,jQuery所有JavaScript事件對象,比如focus, mouseover, 和 resize,都是可以作為type參數傳遞進來的。我們直接看看jQuery文檔中的一個例子:
復制代碼 代碼如下:
var message = "left";
$("a").bind("click", function() {
alert(message);
return false;
});var message = "right";
$("a").bind("contextmenu", function() {
alert(message);
return false;
});
復制代碼 代碼如下:
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;
});
可見,一般情況下我們使用click()方法就可以了,當需要處理上邊這種情況時,我們要使用bind()方法。
3.live()給所有匹配的元素附加一個事件處理函數,即使這個元素是以后再添加進來的也有效。如下:
復制代碼 代碼如下:
$("div.live").bind("click", function() {
alert("success");
});
復制代碼 代碼如下:
$("<div href="#">live</div>").appendTo("body");
復制代碼 代碼如下:
$("div.live").live("click", function() {
alert("success");
});
最后,看看delegate()方法,這個方法到目前為止我自己還沒有使用過,應該是在1.4.2中才有的。
live()方法的一個不足在于它不支持鏈式寫法:
復制代碼 代碼如下:
$("#test").children("a").live("mouseover", function() {
alert("hello");
});
復制代碼 代碼如下:
$("#test").delegate("a", "mouseover", function() {
alert("hello");
});
新聞熱點
疑難解答
圖片精選