jQuery中delegate和on的用法與區別詳細解析

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

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

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

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

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

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

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

jQuery當中on()和live()都無效

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

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

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

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

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

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

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

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

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

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

4、更適合列表類型的，綁定到document DOM節點上。和.bind()的優勢是支持動態數據。

jquery應該如何來設置改變按鈕input的onclick事件_基礎知識

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

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

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

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

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

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

文章標題：jquery中on jquery中onclick
文章出自：http://m.newbst.com/article41/dgihjhd.html

成都網站建設公司_創新互聯，為您提供、外貿網站建設、網站設計、定制網站、網站排名、網站設計公司

廣告

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