jQuery()中，on（）方法

概述

十余年的利辛網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整利辛建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“利辛網(wǎng)站設(shè)計(jì)”,“利辛網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

1、#Grid1Table不是#conut的父節(jié)點(diǎn)，p標(biāo)簽是#logout的父節(jié)點(diǎn)

2、代碼寫法：

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

//function code here.

});

解析

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

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

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

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

//function code here.

});

拓展內(nèi)容

juqery on()方法詳解

定義和用法

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

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

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

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

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

語法

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

參數(shù)

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

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

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

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

jquery on 的用法

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

.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ù)位置可以直接簡(jiǎn)寫成 false。

jQuery綁定事件on

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

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

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

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

網(wǎng)頁題目：jqueryon用法,簡(jiǎn)述jquery的常用方法
URL標(biāo)題：http://chinadenli.net/article24/dsdigce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站營(yíng)銷、動(dòng)態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、移動(dòng)網(wǎng)站建設(shè)

廣告

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