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綁定事件是什么意思

on指的是事件委托，舉個例子，

$(document).on("click", ".ontest", function () {

//......

});

假設你的.ontest一開始不存在DOM結構當中，也就是html里面，如果你直接click(function () {});的話，事件是無法成功綁定的，而用on委托給document的話，在事件冒泡的時候，就可以成功出發綁定的事件。

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和.delegate的區別

兩者區別是seleter和events順序不同

delegate和on方法被選元素的子元素必須是"合法的"子元素。on(events,[selector],[data],fn)，參數[selector]是可選，

一個選擇器字符串用于過濾器的觸發事件的選擇器元素的后代。

delegate的selector是必需的。

網站標題：jquery的on,jQuery的on方法
文章源于：http://www.kartarina.com/article4/dsdpsoe.html

成都網站建設公司_創新互聯，為您提供手機網站建設、電子商務、移動網站建設、網站設計、做網站、外貿建站

廣告

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