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

一、作用不同

成都創(chuàng)新互聯(lián)專注于龍港網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供龍港營銷型網(wǎng)站建設(shè)，龍港網(wǎng)站制作、龍港網(wǎng)頁設(shè)計(jì)、龍港網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)公司服務(wù)，打造龍港網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供龍港網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

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

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

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

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

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

三、語法不同

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

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

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

jquery綁定事件on()方法

events:一個(gè)或多個(gè)用空格分隔的事件類型和可選的命名空間，如"click"或"keydown.myPlugin" 。

selector:一個(gè)選擇器字符串用于過濾器的觸發(fā)事件的選擇器元素的后代。如果選擇器為null或省略，當(dāng)它到達(dá)選定的元素，事件總是觸發(fā)。

data:當(dāng)一個(gè)事件被觸發(fā)時(shí)要傳遞event.data給事件處理函數(shù)。

fn:該事件被觸發(fā)時(shí)執(zhí)行的函數(shù)。 false 值也可以做一個(gè)函數(shù)的簡寫，返回false。

當(dāng)?shù)诙€(gè)參數(shù)'selector'為null時(shí)，on()和bind()其實(shí)在用法上基本上沒有任何區(qū)別了，所以我們可以認(rèn)為on()只是比bind()多了一個(gè)可選的'selector'參數(shù)，所以on()可以非常方便的替換掉bind()

在 1.4之前相信大家非常喜歡使用live(),因?yàn)樗梢园咽录壎ǖ疆?dāng)前以及以后添加的元素上面，當(dāng)然在1.4之后delegate()也可以做類似的事情了。live()的原理很簡單，它是通過document進(jìn)行事件委派的，因此我們也可以使用on()通過將事件綁定到document來達(dá)到 live()一樣的效果。

1、live()寫法

2、on()寫法

這里的關(guān)鍵就是第二個(gè)參數(shù)'selector'在起作用了。它是一個(gè)過濾器的作用，只有被選中元素的后代元素才會(huì)觸發(fā)事件。

delegate() 是1.4引入的，目的是通過祖先元素來代理委派后代元素的事件綁定問題，某種程度上和live()優(yōu)點(diǎn)相似。只不過live()是通過document元素委派，而delegate則可以是任意的祖先節(jié)點(diǎn)。使用on()實(shí)現(xiàn)代理的寫法和delegate()基本一致。

1、delegate()的寫法

2、on()寫法

貌似第一個(gè)和第二個(gè)參數(shù)的順序顛倒了一下，別的基本一樣。

jQuery綁定事件on

jQuery中用on來綁定事件，常用寫法

兩種寫法哪個(gè)更好？

1. $(document).on 將事件委托document， $('#idname').on 將事件綁定到.className元素上。每次document有點(diǎn)擊動(dòng)作，瀏覽器都會(huì)判斷當(dāng)前點(diǎn)擊的對象。如果匹配再?zèng)Q定要不要執(zhí)行，多了個(gè)判斷環(huán)節(jié)。JS渲染效率很高，所以此異同基本可以忽略。

2. $("className").on 為onclick綁定，只有在頁面onload時(shí)執(zhí)行一次。頁面刷新后，新加載的具有className的元素便沒有事件綁定到上面了。相反$(document).on這種方法會(huì)刷新和重新賦予綁定操作，所以一定程度上更為全面。

jquery on 的用法

.on()方法事件處理程序到當(dāng)前選定的jQuery對象中的元素。

.on( events [, selector ] [, data ], handler(eventObject) )

events：類型: String

一個(gè)或多個(gè)空格分隔的事件類型和可選的命名空間，或僅僅是命名空間，比如"click", "keydown.myPlugin", 或者 ".myPlugin"。

selector：類型: String

一個(gè)選擇器字符串，用于過濾出被選中的元素中能觸發(fā)事件的后代元素。如果選擇器是 null 或者忽略了該選擇器，那么被選中的元素總是能觸發(fā)事件。

data：類型: Anything

當(dāng)一個(gè)事件被觸發(fā)時(shí)，要傳遞給事件處理函數(shù)的event.data。

handler(eventObject)：類型: Function()

事件被觸發(fā)時(shí)，執(zhí)行的函數(shù)。若該函數(shù)只是要執(zhí)行return false的話，那么該參數(shù)位置可以直接簡寫成 false。

新聞標(biāo)題：jqueryon使用,jquery on函數(shù)
文章來源：http://chinadenli.net/article32/dseicsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、、網(wǎng)頁設(shè)計(jì)公司、企業(yè)建站、App開發(fā)、網(wǎng)站導(dǎo)航

廣告

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