首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:02:25
原創
1023 人瀏覽過

首先介紹這兩個方法之前,我們常用的是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 樹的根節點上。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!