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

1、兩者區(qū)別是seleter和events順序不同 delegate和on方法被選元素的子元素必須是合法的子元素。

我們提供的服務(wù)有：成都網(wǎng)站制作、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、青銅峽ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的青銅峽網(wǎng)站制作公司

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

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

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

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

6、定義和用法 on() 方法在被選元素及子元素上添加一個或多個事件處理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

jQuery當(dāng)中on()和live()都無效

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

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

(document).on(click，.class，function(){……})；相當(dāng)于$(.class).live(click，function(){……})；js生成的元素綁定事件必須使用live，但新版的jq，已經(jīng)淘汰了live，可以用on方法代替，但必須注意寫法。

當(dāng)用戶點擊元素內(nèi)部之后，就會彈出一個警告框。on（）方法在選擇元素上綁定一個或多個事件的事件處理函數(shù)。 on()方法綁定事件處理程序到當(dāng)前選定的jQuery對象中的元素。

隨著jQuery版本的更新，以前版本的Bind()，live()，delegate()事件可以直接被on代替，本次筆記僅以點擊事件為例，主要考察了on事件的用法：本文主要介紹了jQuery中用on綁定事件時需注意的事項，具有很好的參考價值。

live綁定事件是針對選擇器的，比如：(a).live(click，function(){...})；而不能使用$(body).find(a).live(click，function(){...})；來進行綁定，不能以篩選的方式鎖定元素范圍。

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

1、on()和bind()的函數(shù)簽名如下：bind(type， [data]， fn) on(type，[selector]，[data]，fn)可以看到2個函數(shù)的區(qū)別在于：是否支持selector這個參數(shù)值。

2、bind（）方法為每個匹配元素的特定事件綁定事件處理函數(shù)。bind（）方法的底層邏輯是on（）方法。 .bind() 方法是用于往文檔上附加行為的主要方式。

3、bind()：為每個匹配元素的特定事件綁定事件處理函數(shù)。bind(type，[data]，fn)type： 含有一個或多個事件類型的字符串，由空格分隔多個事件。比如click或submit，還可以是自定義事件名。

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

jquery應(yīng)該如何來設(shè)置改變按鈕input的onclick事件_基礎(chǔ)知識

1、你用的jquery，直接將$(#btnAdd).click，改成$(#btn1).click或btn2就可以了。

2、document.getElementById(button).onclick = function() { // 設(shè)置在此處單擊#button時要發(fā)生的事件}；我們來看具體的示例以下是使用onclick事件的示例。

3、button).click(function(){ $(p).hide()； })；})；/script/headbodyh2這是一個標(biāo)題/h2p這是一個段落。/pp這是另一個段落。

4、(input).bind(click，function(){ //do something})；通過bind函數(shù)，給元素做綁定點擊事件，就可以了。

5、最后界面還能退出刪除的模式，恢復(fù)正常的模式。

6、思維理解錯了，你點按鈕目的就是要判斷input的值，那干嘛還要change，直接就可以獲取input的值進行判斷。

文章標(biāo)題：jquery中on jquery中onclick
文章出自：http://jinyejixie.com/article41/dgihjhd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、定制網(wǎng)站、網(wǎng)站排名、網(wǎng)站設(shè)計公司

廣告

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