jQuery中delegate和on的用法與區(qū)別詳細(xì)解析

兩者區(qū)別是seleter和events順序不同 delegate和on方法被選元素的子元素必須是合法的子元素。on(events，[selector]，[data]，fn)，參數(shù)[selector]是可選，一個(gè)選擇器字符串用于過濾器的觸發(fā)事件的選擇器元素的后代。

成都創(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ù)。

delegate用于事件委托，也是綁定過JavaScript或者jQuery添加的DOM元素事件。

data：可選；需要傳遞的參數(shù)；function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；適用所有版本，但是根據(jù)guan 網(wǎng)解釋，自從jquery7版本以后bind()函數(shù)推薦用on()來代替。

更適合列表類型的，綁定到document DOM節(jié)點(diǎn)上。和.bind()的優(yōu)勢(shì)是支持動(dòng)態(tài)數(shù)據(jù)。

從jQuery 7開始，請(qǐng)優(yōu)先使用事件函數(shù)on()替代該函數(shù)。該函數(shù)屬于jQuery對(duì)象(實(shí)例)。語法 jQuery 2 新增該函數(shù)。

jQuery中的bind()函數(shù)跟on()函數(shù)有什么區(qū)別呢?

.bind()是直接綁定在元素上 .live()則是通過冒泡的方式來綁定到元素上的。更適合列表類型的，綁定到document DOM節(jié)點(diǎn)上。和.bind()的優(yōu)勢(shì)是支持動(dòng)態(tài)數(shù)據(jù)。

function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；適用所有版本，但是根據(jù)guan 網(wǎng)解釋，自從jquery7版本以后bind()函數(shù)推薦用on()來代替。

jquery的click表示點(diǎn)擊事件，這個(gè)很好理解，on和bind都是表示綁定一個(gè)事件，bind是jquery7以前的版本方法，從7開始，推出了on方法表示綁定，bind()，live()和delegate()都用了on()來表示，所以說on是bind的替代者。

jquery中的bind,live,delegate和on方法的區(qū)別是什么

1、.bind()是直接綁定在元素上 .live()則是通過冒泡的方式來綁定到元素上的。更適合列表類型的，綁定到document DOM節(jié)點(diǎn)上。和.bind()的優(yōu)勢(shì)是支持動(dòng)態(tài)數(shù)據(jù)。

2、大括號(hào)替代方式：綁定較為靈活，可以給事件單獨(dú)綁定函數(shù)；data：可選；需要傳遞的參數(shù)；function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；適用所有版本，但是根據(jù)guan 網(wǎng)解釋，自從jquery7版本以后bind()函數(shù)推薦用on()來代替。

3、如果使用on的時(shí)候，不設(shè)置selector，那么on與bind就沒有區(qū)別了。（2）on綁定的事件處理函數(shù)，對(duì)于未來新增的元素一樣可以的，和delegate效果相同，而bind則不行。

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

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

1、.live()則是通過冒泡的方式來綁定到元素上的。更適合列表類型的，綁定到document DOM節(jié)點(diǎn)上。和.bind()的優(yōu)勢(shì)是支持動(dòng)態(tài)數(shù)據(jù)。

2、點(diǎn)擊div下面的P執(zhí)行alert；而on是在7之后新增的，是把bind，live，delegate全部合并在一起了，123$(div).on(click，p，function(){ alert(1)； })不需要事件委托的時(shí)候把P去掉就會(huì)變成點(diǎn)擊div觸發(fā)了。

3、大括號(hào)替代方式：綁定較為靈活，可以給事件單獨(dú)綁定函數(shù)；data：可選；需要傳遞的參數(shù)；function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；適用所有版本，但是根據(jù)guan 網(wǎng)解釋，自從jquery7版本以后bind()函數(shù)推薦用on()來代替。

4、第一種方法很好理解，其實(shí)就和普通JS的用法差不多，只是少了一個(gè)on而已 第三種方法都是綁定事件，但是二者又有很大的不同，下面著重講解一下，因?yàn)檫@個(gè)如果用到Jquery的框架的話是用的挺多的，尤其要注意二者的區(qū)別。

5、延時(shí)綁定事件功能不同：jquery $(#btn).click在文檔流中，后續(xù)通過腳本動(dòng)態(tài)添加的元素(符合 id=#btn)，是沒有綁定click事件的。

6、live在jQuery7中就不再建議使用，在9中就給刪除了。在jQueryguan 方網(wǎng)站上說明了原因，并聲稱用on方法取代live方法。

jQuery中click和onclick的區(qū)別

click 是方法；onclick是事件；執(zhí)行click就是模擬鼠標(biāo)點(diǎn)擊，同時(shí)會(huì)觸發(fā)onclick事件。

click方法 是jQuery實(shí)現(xiàn)的方法，為$(#aa)檢索到的元素綁定click事件；而onclick是js原生的click事件綁定，即使沒有加載jQuery庫也可以使用。

onclick是js里面給標(biāo)簽綁定點(diǎn)擊事件的方法，通常寫在html的元素上，而click方法在addEventListener()中使用，此方式可以給一個(gè)元素添加多個(gè)事件句柄，只在js中使用，可讀性更強(qiáng)，更靈活。但前者的優(yōu)先級(jí)高于后者。

可以不添加$(document).ready()，當(dāng)然也就不能用$(#one).click(function() 這種寫法了。

在onclick的事件中，加入js的toalert函數(shù)名，加載onclick事件的雙引號(hào)中即可。為了讓button看的更明顯一些，可以設(shè)置一下button的樣式，設(shè)置寬為100px，高為30px，字的顏色為紅色。

(#idvalue)：這個(gè)代碼選中html文檔中，即任意 id=idvalue/任意jQuery 元素選擇器和屬性選擇器允許您通過標(biāo)簽名、屬性名或內(nèi)容對(duì) HTML 元素進(jìn)行選擇。選擇器允許您對(duì) HTML 元素組或單個(gè)元素進(jìn)行操作。

jquery,$(document).on()是在頁面加載完成后執(zhí)行的嗎?

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

2、把js函數(shù)放另一個(gè)頁面里（也就是你鏈接指向的那個(gè)頁面）在body里添加onload=showsubmenu(sid)當(dāng)前頁面的js不可能影響下一個(gè)頁面的，這是安全性考慮。

3、on 函數(shù)用來給特定的元素綁定事件，它有 4 個(gè)參數(shù)，其中第一個(gè) events（事件）和第四個(gè)（函數(shù)）是必須要寫的。 回到你的代碼上，click 就是事件，它綁定在 document 上。

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

5、造成這個(gè)問題的原因，是因?yàn)閖query他的事件機(jī)制是當(dāng)頁面完全加載成功后，會(huì)根據(jù)所有目前頁面上符合要求的dom添加事件標(biāo)示，這樣當(dāng)你觸發(fā)事件的時(shí)候，擁有該事件標(biāo)示的DOM就會(huì)給予響應(yīng)。

6、在onclick的事件中，加入js的toalert函數(shù)名，加載onclick事件的雙引號(hào)中即可。為了讓button看的更明顯一些，可以設(shè)置一下button的樣式，設(shè)置寬為100px，高為30px，字的顏色為紅色。

網(wǎng)站標(biāo)題：jqueryon的意思 jquery中on
當(dāng)前鏈接：http://chinadenli.net/article12/disicgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、標(biāo)簽優(yōu)化、做網(wǎng)站、網(wǎng)站導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)、Google

廣告

聲明：本網(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)