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

一、作用不同

目前成都創(chuàng)新互聯(lián)公司已為上千的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)頁空間、網(wǎng)站托管、服務器托管、企業(yè)網(wǎng)站設計、蚌山網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

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 on 的用法

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

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

events：類型: String

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

selector：類型: String

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

data：類型: Anything

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

handler(eventObject)：類型: Function()

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

jQuery()中，on（）方法

概述

1、#Grid1Table不是#conut的父節(jié)點，p標簽是#logout的父節(jié)點

2、代碼寫法：

$('p').on('click', '#count', function() {

//function code here.

});

解析

1、p包裹a標簽（id = logout），所以logout的父節(jié)點（父標簽）為p（沒有標注id或者class）

pa href='#' id='logout'【退出】/a/p

2、$("#logout").on('click',function() 方法要求參數(shù)為非隨動變量（全局變量），所以#logout為不可行參數(shù)，且由于代碼沒有貼全所以這里我先斷定#Grid1Table為非父節(jié)點，而p為#logout父節(jié)點，所以這里可以改成：

$('p').on('click', '#count', function() {

//function code here.

});

拓展內容

juqery on()方法詳解

定義和用法

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

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。該方法給 API 帶來很多便利，我們推薦使用該方法，它簡化了 jQuery 代碼庫。

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

提示：如需移除事件處理程序，請使用?off()?方法。

提示：如需添加只運行一次的事件然后移除，請使用?one()?方法。

語法

$(selector).on(event,childSelector,data,function)

參數(shù)

event ? ?????????????必需。規(guī)定要從被選元素移除的一個或多個事件或命名空間。由空格分隔多個事件值，也可以是數(shù)組。必須是有效的事件。 ?

childSelector ? ?可選。規(guī)定只能添加到指定的子元素上的事件處理程序（且不是選擇器本身，比如已廢棄的 delegate() 方法）。 ?

data ? ?????????????? 可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。 ?

function ? ?????????可選。規(guī)定當事件發(fā)生時運行的函數(shù)。 ?

jqueryon有多個事件寫法

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

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

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

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

JQuery的on()監(jiān)聽方法使用

jquery.on()超級方法

歸納

在jquery的on方法中實現(xiàn)事件委托就更簡單了，on方法可以接受三個參數(shù)：

第一個參數(shù)是事件名，可以只綁定一個事件，如on('click'),也可以綁定多個事件，如on('click dbclick mouseover')等

第二個參數(shù)是可選參數(shù)，接受一個selector,當事件觸發(fā)元素符合selector時，會調用事件處理函數(shù)

注：此處用到 li:even 選擇器，后面有注解

第三個參數(shù)是自定義事件處理的回調函數(shù)。

1.jQuery :even 選擇器

選取每個帶有偶數(shù) index 值的元素（比如 2、4、6）

index 值從 0 開始，所有第一個元素是偶數(shù) (0)

2.jQuery :odd 選擇器

選取每個帶有奇數(shù) index 值的元素（比如 1、3、5）

jquery on可以同時綁定多個事件嗎

多個事件綁定同一個函數(shù)

$("button").on("mouseover mouseout",function(){

//dosomething

});

多個事件綁定不同函數(shù)

$("button").on({

mouseover:function(){ //dosomething },

mouseout:function(){ //dosomething },

click:function(){ //dosomething }

});

名稱欄目：關于jqueryon多個的信息
鏈接分享：http://jinyejixie.com/article48/hojeep.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設計、App設計、面包屑導航、品牌網(wǎng)站制作、網(wǎng)站設計、服務器托管

廣告

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