原文:jQuery中的bind(), live(), on(), delegate()

當我們試圖綁定一些事件到DOM元素上的時候,我相信上面這 個方法是最常用的。而它們之間到底有什么不同呢 在什么場合下用什么方法是最有效的呢 准備知識: 當我們在開始的時候,有些知識是必須具備的: DOM樹 下圖僅僅是一個示例,這是一個在browser環境下的一棵模擬DOM樹,在下面的代碼中僅起到演示的作用: Event bubbling aka event propagation 冒泡 我們的頁面 ...

2012-10-09 17:42 4 13402 推薦指數:

查看詳情

jQuery.bind() .live() .delegate() .on()的區別

bind(type,[data],fn) 為每個匹配元素的特定事件綁定事件處理函數 live(type,[data],fn) 給所有匹配的元素附加一個事件處理函數,即使這個元素是以后再添加進來的 delegate(selector,[type],[data],fn ...

Sun Mar 31 01:01:00 CST 2013 4 58737
jQuery.bind() .live() .delegate() .on()區別

event:必需項;添加到元素的一個或多個事件,例如 click,dblclick等;           單事件處理:例如 $(selector).bind("click",data,function);           多事件處理:1.利用空格分隔多事 ...

Wed Jan 06 23:14:00 CST 2016 1 12636
jqueryclick() bind() live() 與 delegate() 作用及其區別

1、click()與bind()   1).click()     在jqeury事件處理APIbind()是其API基礎。click(),mouseover(),mousermove等來處理事件,真正起作用的是bind()。而這些方法都只是輔助作用(別名函數),簡化使用。他們都只有一個 ...

Fri Apr 17 19:09:00 CST 2015 0 3921
淺談Jquerybind(),live(),delegate(),on()綁定事件方式

前言   因為項目中經常會有利用jquery操作dom元素的增刪操作,所以會涉及到dom元素的綁定事件方式,簡單的歸納一下bind,live,delegate,on的區別,以便以后查閱,也希望該文章日后能幫助到園友,文中如有不當之處,還望各位指正,話不多說,直接進入正題。 bind() 簡要 ...

Thu Nov 20 01:59:00 CST 2014 16 75532
jQuery事件綁定到bindlivedelegate、on方法的探究

1. 給頁面上的某個元素綁定事件,最初采用下面的方式實現: $(‘selector’).click(function(){ //code }); 缺點: 不能同時綁定多個事件,不能綁定動態的元素。 后來接觸到了on、bindlivedelegate ...

Sun Sep 04 17:21:00 CST 2016 0 2064
jQuerybindlivedelegate,on綁定事件的方式與區別

jQuery中提供了四種事件監聽方式,分別是bindlivedelegate、on,對應的解除監聽的函數分別是unbind、die、undelegate、off。 已知有4個列表元素:   列表元素1   列表元素2   列表元素3   列表元素 ...

Wed Jun 01 17:59:00 CST 2016 0 6068
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM