jquery中on（）方法和live()方法的區(qū)別

一、作用不同

安源ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

1、on()：在被選元素及子元素上添加一個或多個事件處理程序。

2、live()：為被選元素附加一個或多個事件處理程序，并規(guī)定當這些事件發(fā)生時運行的函數(shù)。

二、觸發(fā)條件不同

1、on()：使用 on() 方法添加的事件處理程序適用于當前及未來的元素（比如由腳本創(chuàng)建的新元素）。

2、live()：通過 live() 方法附加的事件處理程序適用于匹配選擇器的當前及未來的元素（比如由腳本創(chuàng)建的新元素）。

三、語法不同

1、on()：$(selector).on(event,childSelector,data,function)childSelector可選。規(guī)定只能添加到指定的子元素上的事件處理程序（且不是選擇器本身，比如已廢棄的 delegate() 方法）。

2、live()：$(selector).live(event,data,function)，其中event必需。規(guī)定附加到元素的一個或多個事件。由空格分隔多個事件。必須是有效的事件。

參考資料來源：百度百科-jQuery

jquery怎么添加live綁定keydown事件

目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。

還不支持 blur, focus, mouseenter, mouseleave, change, submit

與bind()不同的是，live()一次只能綁定一個事件。

這個方法跟傳統(tǒng)的bind很像，區(qū)別在于用live來綁定事件會給所有當前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說，如果你給頁面上所有的li用live綁定了click事件。那么當在以后增加一個li到這個頁面時，對于這個新增加的li，其click事件依然可用。而無需重新給這種新增加的元素綁定事件。

用法示例：

div class=”myDiv”/div

jquery:

$(“.myDiv”).live(“click”, function(){

alert(“clicked!”);

});

如果使用javascript動態(tài)創(chuàng)建一個class為mydiv的元素，點擊元素依然會有彈出。為什么使用live后就有了呢？這是因為jquery利用了事件的冒泡機制，直接把事件綁定在了document上，然后通過event.target找出事件的來源。這跟jquery.livequery插件不一樣，jquery.livequery每20毫秒做一次檢查，如有新生成則重新綁定一次事件。

使用live當然有利也有弊：

好處就是：元素更新時不用反復去定義事件。

壞處就是：把事件綁定在document上會在頁面上每一個元素都呼叫一次，如使用不當會嚴重影響性能。而且不支持blur, focus, mouseenter, mouseleave, change, submit。

2.移除live綁定的事件

在Jquery里，使用live來綁定事件，若想移除該事件，要使用die方法。

如：

$(“.myDiv”).die("click");

這樣就好將綁定的click事件移除掉。

Jquery中bind和live的區(qū)別

Jquery中bind和live的區(qū)別如下：

1.bind()可以綁定多個事件，live()一次只能綁定一個事件。

區(qū)別在于用live來綁定事件會給所有當前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說，如果你給頁面上所有的li用live綁定了click事件。那么當在以后增加一個li到這個頁面時，對于這個新增加的li，其click事件依然可用。而無需重新給這種新增加的元素綁定事件。

2.live 目前只支持所有事件的子集，支持列表參考上面的說明。

.live 不支持liveQuery提供的“無事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。

.live 沒有”setup”和”cleanup”的過程。因為所有的事件是委派而不是直接綁定在元素上的。

jQuery事件綁定方法bind，live，delegate和on的區(qū)別

bind是用來綁定一個或多個事件的，live其實bind的一個加強版，用來綁定通過JavaScript或者jQuery添加的DOM元素事件，其語法結(jié)構(gòu)是一樣

123456$("p").bind("mouseenter mouseleave",function(){alert("ok");})$("p").live("mouseenter mouseleave",function(){alert("ok");})

delegate用于事件委托，也是綁定過JavaScript或者jQuery添加的DOM元素事件。

123$("div").delegate("p","click",function(){alert("p");})

點擊div下面的P執(zhí)行alert;

而on是在1.7之后新增的，是把bind,live,delegate全部合并在一起了，

123$("div").on("click","p",function(){ alert(1); })

不需要事件委托的時候把P去掉就會變成點擊div觸發(fā)了。

個人建議根據(jù)版本來使用，語法其實都差不多，如果你是用1.7版本以上就建議用on，畢竟bind，live，delegate這些將來都會遺棄了，如有錯誤，請指出。順便吐槽一下樓上的回答，不走心啊

jquery1.10.1為什么不支持live方法了？

live在jQuery1.7中就不再建議使用，在1.9中就給刪除了。\x0d\x0a在jQuery官方網(wǎng)站上說明了原因，并聲稱用on方法取代live方法。\x0d\x0ajQuery官方網(wǎng)站聲稱下面三行代碼是等價的\x0d\x0a$("a.offsite").live("click",function(){alert("Goodbye!");});//jQuery1.3+\x0d\x0a$(document).delegate("a.offsite","click",function(){alert("Goodbye!");});//jQuery1.4.3+\x0d\x0a$(document).on("click","a.offsite",function(){alert("Goodbye!");});//jQuery1.7+

jquery中的bind，live，delegate和on方法的區(qū)別是什么

$(selector).bind(event,data,function)

$(selector).live(event,data,function)//jquery1.9版本以下支持，jquery1.9及其以上版本刪除了此方法，jquery1.9以上版本用on()方法來代替$(selector).delegate(childSelector,event,data,function)//jquery1.4.2及其以上版本；$(selector).on(event,childselector,data,function)//jquery1.7及其以上版本；jquery1.7版本出現(xiàn)之后用于替代bind()，live()綁定事件方式；

event：必需項；添加到元素的一個或多個事件，例如 click,dblclick等；

單事件處理：例如 $(selector).bind("click",data,function);

多事件處理：1.利用空格分隔多事件，例如 $(selector).bind("click dbclick mouseout",data,function);

2.利用大括號靈活定義多事件，例如 $(selector).bind({event1:function, event2:function, ...})　

3.空格相隔方式：綁定較為死板，不能給事件單獨綁定函數(shù),適合處理多個事件調(diào)用同一函數(shù)情況；

大括號替代方式：綁定較為靈活，可以給事件單獨綁定函數(shù)；　

data：可選；需要傳遞的參數(shù)；

function：必需；當綁定事件發(fā)生時，需要執(zhí)行的函數(shù)；適用所有版本，但是根據(jù)官網(wǎng)解釋，自從jquery1.7版本以后bind()函數(shù)推薦用on()來代替。

當前文章：關(guān)于livejquery的信息
文章URL：http://chinadenli.net/article49/dsehdeh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)