on代理jQuery ON代理有哪些

jquery用on綁定事件

append的字符串中應(yīng)該是 })； $(.btn).on(click，function(){ console.log(haha)； })； //上面綁定的方式也不對(duì)。因?yàn)轫撁鎰偧虞d時(shí)$(.btn)并不包括后來生成的button。

10多年專注成都網(wǎng)站制作，成都定制網(wǎng)站，個(gè)人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識(shí)、方案，網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都定制網(wǎng)站,高端網(wǎng)頁制作,對(duì)成都LED顯示屏等多個(gè)領(lǐng)域，擁有豐富建站經(jīng)驗(yàn)。

jQuery on()方法是guan 方推薦的綁定事件的一個(gè)方法。

jQuery中用on來綁定事件，常用寫法 兩種寫法哪個(gè)更好？ $(document).on 將事件委托document， $(#idname).on 將事件綁定到.className元素上。每次document有點(diǎn)擊動(dòng)作，瀏覽器都會(huì)判斷當(dāng)前點(diǎn)擊的對(duì)象。

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

live(event，data，function)參數(shù) event 必需。規(guī)定附加到元素的一個(gè)或多個(gè)事件。由空格分隔多個(gè)事件。必須是有效的事件。data 可選。規(guī)定傳遞到該函數(shù)的額外數(shù)據(jù)。function 必需。規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。

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

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

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

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

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

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

JQuery使用on方法如何綁定hover事件的代碼案例

肯定是先引入jquery庫，可以選擇下載本地引用，也可以在線引用。on函數(shù)，這個(gè)是guan 方推薦使用的函數(shù)，因?yàn)槠渌椒ǘ际莾?nèi)部調(diào)用on來完成的，直接使用on可以提高效率。

新建一個(gè)靜態(tài)頁面bind.html，并引入jquery核心文件。在標(biāo)簽中，插入一個(gè)button按鈕，添加id屬性值。在標(biāo)簽中，添加按鈕點(diǎn)擊事件，利用on()方法綁定。

$(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é)。

這篇文章主要介紹了關(guān)于jquery事件委托如何使用，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下總結(jié)一句話總結(jié)：通過on方法（事件委托），給要綁定事件的元素的祖先綁定事件，從而達(dá)到效果。

jQuery在前端開發(fā)中被廣泛使用，它的知識(shí)點(diǎn)也很多，今天就和大家講講，怎么使用jQuery中的hover方法，toggle方法，正在學(xué)習(xí)jQuery的小伙伴，趕緊過來看看吧。

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

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

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

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

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

6、live()方法用于為所選元素附加一個(gè)或多個(gè)事件處理程序。它還指定事件發(fā)生時(shí)運(yùn)行的函數(shù)。通過 live() 方法所使用的事件處理程序?qū)⒂糜谂c選擇器匹配的當(dāng)前和未來元素（比如由腳本創(chuàng)建的新元素）。