jQuery中bind與live的用法及區(qū)別小結(jié)
更新時(shí)間：2014年01月27日 08:55:29 作者：
本篇文章主要是對jQuery中bind與live的用法以及區(qū)別進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
首先介紹這兩個(gè)方法之前，我們常用的是click()方法
復(fù)制代碼 代碼如下:
$("a").click(function() {
alert("hello");
});
click()方法是bind()方法的一種簡單方法。在bind()中，
jQuery所有JavaScript事件對象，比如focus, mouseover,和resize，
都是可以作為type參數(shù)傳遞進(jìn)來的。
參數(shù)：type,[data],function(eventObject)
例如：
復(fù)制代碼 代碼如下:
$("p").bind("click",function(){
alert("hello");
})
也可以傳參
復(fù)制代碼 代碼如下:
var message = "how are you!";
$("p").bind("click",{msg:message},function(e){
alert(e.data.msg);
})
live()給所有匹配的元素附加一個(gè)事件處理函數(shù)，
即使這個(gè)元素是以后再添加進(jìn)來的也有效。如下：
復(fù)制代碼 代碼如下:
<tr class="mytr">
<td class="mytd">Click me</td>
</tr>
$(".mytd").bind("click",function(){
alert("hello");
})
點(diǎn)擊Clike me 會(huì)彈出hello
此時(shí)添加一個(gè)新的元素進(jìn)來
復(fù)制代碼 代碼如下:
$(".mytr").after("<tr><td class='mytd'>后加的</td></tr>");
這時(shí) 再使用bind點(diǎn)擊"后加的"不會(huì)執(zhí)行
改為使用live()方法
復(fù)制代碼 代碼如下:
$(".mytd").live("click",function(){
alert("hello");
})
.live()方法能對一個(gè)還沒有添加進(jìn)DOM的元素有效，是由于使用了事件委托：
綁定在祖先元素上的事件處理函數(shù)可以對在后代上觸發(fā)的事件作出回應(yīng)。
傳遞給 .live() 的事件處理函數(shù)不會(huì)綁定在元素上，而是把他作為一個(gè)特殊的事件處理函數(shù)，綁定在 DOM 樹的根節(jié)點(diǎn)上。
您可能感興趣的文章:
- jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解
- jQuery事件綁定用法詳解(附bind和live的區(qū)別)
- jQuery中對未來的元素綁定事件用bind、live or on
- jQuery中bind,live,delegate與one方法的用法及區(qū)別解析
- 解析jQuery的三種bind/One/Live事件綁定使用方法
- 深入理解jQuery中l(wèi)ive與bind方法的區(qū)別
- Jquery綁定事件(bind和live的區(qū)別介紹)
- jQuery中的.bind()、.live()和.delegate()之間區(qū)別分析
- jquery中l(wèi)ive()方法和bind()方法區(qū)別分析
相關(guān)文章
這篇文章主要給大家推薦8款jQuery輕量級樹形Tree插件,需要的朋友可以參考下2014-11-11
30個(gè)最佳jQuery Lightbox效果插件分享
Lightbox 應(yīng)該是最流行的圖片瀏覽效果了，常具有功能包括：自動(dòng)根據(jù)窗口的大小縮放圖片，模式窗口，幻燈片方式播放，內(nèi)容預(yù)加載，漸變等效果。2011-04-04
使用過Prototype.js的同學(xué)知道$(xx)調(diào)用后返回的是HTMLElement或其集合。2011-06-06
jQuery實(shí)現(xiàn)點(diǎn)擊查看大圖并以彈框的形式居中
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊查看大圖并以彈框的形式居中的代碼，代碼簡單易懂，需要的朋友參考下2016-08-08
這篇文章主要介紹了jQuery中inArray方法注意事項(xiàng),結(jié)合實(shí)例形式分析了jQuery中inArray方法變量判斷的相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-01-01
這篇文章主要介紹了Jquery取得iframe下內(nèi)容的方法，有需要的朋友可以參考一下2013-11-11
jquery通過name屬性取值的簡單實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query通過name屬性取值的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
JQuery 操作Javascript對象和數(shù)組的工具函數(shù)小結(jié)
JQuery提供了很多實(shí)用的工具函數(shù)。這些函數(shù)主要分為兩類，操作集合數(shù)組的函數(shù)和非集合數(shù)組函數(shù)。2010-01-01
本文介紹了jquery實(shí)現(xiàn)輪播圖效果示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
表單提交的時(shí)候 ，是根據(jù)元素的name這個(gè)屬性來的，只要不加name屬性 就不會(huì)提交，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-05-05