jQuery()中，on（）方法

概述

成都創新互聯服務緊隨時代發展步伐，進行技術革新和技術進步，經過10多年的發展和積累，已經匯集了一批資深網站策劃師、設計師、專業的網站實施團隊以及高素質售后服務人員，并且完全形成了一套成熟的業務流程，能夠完全依照客戶要求對網站進行網站設計、網站建設、建設、維護、更新和改版，實現客戶網站對外宣傳展示的首要目的，并為客戶企業品牌互聯網化提供全面的解決方案。

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

2、代碼寫法：

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

//function code here.

});

解析

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

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

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

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

//function code here.

});

拓展內容

juqery on()方法詳解

定義和用法

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

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

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

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

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

語法

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

參數

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

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

data ? ?????????????? 可選。規定傳遞到函數的額外數據。 ?

function ? ?????????可選。規定當事件發生時運行的函數。 ?

jQuery綁定事件on

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

兩種寫法哪個更好？

1. $(document).on 將事件委托document， $('#idname').on 將事件綁定到.className元素上。每次document有點擊動作，瀏覽器都會判斷當前點擊的對象。如果匹配再決定要不要執行，多了個判斷環節。JS渲染效率很高，所以此異同基本可以忽略。

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

jquery on 的用法

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

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

events：類型: String

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

selector：類型: String

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

data：類型: Anything

當一個事件被觸發時，要傳遞給事件處理函數的event.data。

handler(eventObject)：類型: Function()

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

jQuery on方法傳遞參數示例

教你如何給

jQuery

on方法綁定的函數傳遞參數，代碼如下：

復制代碼

代碼如下:

$(".loadingFlower").on("click",'',{name:"123",id:"234",tel:"345"},callback)

function

callback(event){

console.log(event.data.name);

//參數1

=123

console.log(event.data.id);

//參數2

=234

console.log(event.data.tel);

//參數3

=345

}

文章名稱：jquery的on方法,jqon
分享網址：http://www.yijiale78.com/article46/dsgodeg.html

成都網站建設公司_創新互聯，為您提供App設計、網站建設、品牌網站設計、商城網站、微信公眾號、企業網站制作

廣告

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