jQuery中的.on和.delegate的區(qū)別

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

成都創(chuàng)新互聯(lián)是專業(yè)的同德網(wǎng)站建設(shè)公司，同德接單;提供做網(wǎng)站、網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行同德網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

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

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

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

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

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

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

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

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

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

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

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

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

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