jQuery中bind與live的用法及區別小結_jquery

首先介紹這兩個方法之前，我們常用的是click()方法

複製程式碼 程式碼如下:

$("a").click(function() {
     alert("hello");
});

click( )方法是bind()方法的簡單方法。在bind()中，
jQuery所有JavaScript事件對象，例如focus, mouseover,和resize，
都是可以作為type參數傳遞進來的。

參數：type,[data],function(eventObject)
例如：

複製代碼 程式碼如下:

$("p").bind("click",function(){
     alert("hello");
})

也可以傳參

複製程式碼

程式碼如下:

程式碼如下：$("p").bind("click",{msg:message},function(e){
     alert(e.data.msg);
} )

live()給所有符合的元素附加一個事件處理函數，
即使這個元素是以後再加入進來的也有效。如下：

複製程式碼 程式碼如下:

     Click me

$(".mytd").bind("click",function(){
      alert("hello");
})

點擊})

點擊})點選Clike me 會彈出hello 此時加入一個新的元素進來

複製程式碼


程式碼如下:

程式碼如下:$

$ (".mytr").after("後加的");

這時再使用bind點擊"後加的"不會執行
改為使用live()方法

複製程式碼 程式碼如下: $(".mytd").live("click",function(){ alert("hello");}).live ()方法能對一個還沒有添加進DOM的元素有效，是由於使用了事件委託：綁定在祖先元素上的事件處理函數可以對在後代上觸發的事件作出回應。 傳遞給 .live() 的事件處理函數不會綁定在元素上，而是把他當作一個特殊的事件處理函數，綁定在 DOM 樹的根節點上。