亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jquery新的綁定事件機制on方法的使用方法

2019-11-20 20:49:38
字體:
來源:轉載
供稿:網友

瀏覽jQuery的deprecated列表,發現live()和die()在里面了,趕緊看了一下,發現從jQuery1.7開始,jQuery引入了全新的事件綁定機制,on()和off()兩個函數統一處理事件綁定。因為在此之前有 bind(), live(), delegate()等方法來處理事件綁定,jQuery從性能優化以及方式統一方面考慮決定推出新的函數來統一事件綁定方法并且替換掉以前的方法。

on(events,[selector],[data],fn)

events:一個或多個用空格分隔的事件類型和可選的命名空間,如"click"或"keydown.myPlugin" 。
selector:一個選擇器字符串用于過濾器的觸發事件的選擇器元素的后代。如果選擇器為null或省略,當它到達選定的元素,事件總是觸發。
data:當一個事件被觸發時要傳遞event.data給事件處理函數。
fn:該事件被觸發時執行的函數。 false 值也可以做一個函數的簡寫,返回false。

替換bind()
當第二個參數'selector'為null時,on()和bind()其實在用法上基本上沒有任何區別了,所以我們可以認為on()只是比bind()多了一個可選的'selector'參數,所以on()可以非常方便的替換掉bind()

替換live()
在 1.4之前相信大家非常喜歡使用live(),因為它可以把事件綁定到當前以及以后添加的元素上面,當然在1.4之后delegate()也可以做類似的事情了。live()的原理很簡單,它是通過document進行事件委派的,因此我們也可以使用on()通過將事件綁定到document來達到 live()一樣的效果。

live()寫法

復制代碼 代碼如下:

$('#list li').live('click', '#list li', function() {
  //function code here.
});

on()寫法

復制代碼 代碼如下:

$(document).on('click', '#list li', function() {
  //function code here.
});

這里的關鍵就是第二個參數'selector'在起作用了。它是一個過濾器的作用,只有被選中元素的后代元素才會觸發事件。

替換delegate()
delegate() 是1.4引入的,目的是通過祖先元素來代理委派后代元素的事件綁定問題,某種程度上和live()優點相似。只不過live()是通過document元素委派,而delegate則可以是任意的祖先節點。使用on()實現代理的寫法和delegate()基本一致。

delegate()的寫法

復制代碼 代碼如下:

$('#list').delegate('li', 'click', function() {
  //function code here.
});

on()寫法

復制代碼 代碼如下:

$('#list').on('click', 'li', function() {
  //function code here.
});

貌似第一個和第二個參數的順序顛倒了一下,別的基本一樣。

總結
jQuery 推出on()的目的有2個,一是為了統一接口,二是為了提高性能,所以從現在開始用on()替換bind(), live(), delegate吧。尤其是不要再用live()了,因為它已經處于不推薦使用列表了,隨時會被干掉。如果只綁定一次事件,那接著用one()吧,這個沒有變化。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
一区二区三区视频免费在线观看| 超碰97人人做人人爱少妇| 欧美成人精品在线观看| 色综合色综合网色综合| 国产精品久久中文| 日韩av在线资源| 日韩精品视频观看| 国产视频综合在线| 8090理伦午夜在线电影| 久久久久久久网站| 国产精品视频一区二区三区四| 久久网福利资源网站| 国产精品综合不卡av| 成人做爽爽免费视频| 日韩视频免费大全中文字幕| 国产精品扒开腿做爽爽爽的视频| 91高潮在线观看| 不卡av在线播放| 欧美黑人xxx| 九九视频直播综合网| 欧美激情影音先锋| 国产丝袜视频一区| 奇米成人av国产一区二区三区| 亚洲一级片在线看| 亚洲欧美日韩精品久久| 久久久久九九九九| 精品网站999www| 久久久女人电视剧免费播放下载| 欧美精品情趣视频| 欧美美女操人视频| 欧美成人一区二区三区电影| 国产视频精品va久久久久久| 高清视频欧美一级| 亚洲一区二区日本| 九九精品在线视频| 亚洲男人天堂古典| 国产精品国产自产拍高清av水多| 欧美裸体视频网站| 一本色道久久综合狠狠躁篇怎么玩| 欧美一区二区三区四区在线| 亚洲日本欧美日韩高观看| 蜜臀久久99精品久久久久久宅男| 成人免费福利在线| 黑人狂躁日本妞一区二区三区| 亚洲精品一区在线观看香蕉| 亚洲国产精品一区二区三区| 亚洲国内精品在线| 懂色av一区二区三区| 日韩精品中文在线观看| 日韩在线精品视频| 国产色视频一区| xxav国产精品美女主播| 国产精品久久久久久久久久新婚| 亚洲成av人影院在线观看| 国产91网红主播在线观看| 美女撒尿一区二区三区| 久久久免费av| 亚洲欧美日韩精品久久| 国产成人精品视频在线| 国产精品女主播| 日韩欧美视频一区二区三区| 亚洲国产免费av| 日韩精品免费电影| 国产91精品不卡视频| 精品性高朝久久久久久久| 国产精品精品视频| 精品一区二区三区四区在线| 日韩在线播放一区| 日韩网站免费观看高清| 91精品视频免费观看| 色一区av在线| 亚洲欧美另类中文字幕| 一个色综合导航| 91性高湖久久久久久久久_久久99| 中文字幕视频在线免费欧美日韩综合在线看| 欧美在线观看网站| 国产精品一区电影| 国产成人在线亚洲欧美| 亚洲国产精品成人精品| 理论片在线不卡免费观看| 九九热在线精品视频| 日韩精品免费综合视频在线播放| 国产精品美女久久久久av超清| 国产一区二区三区18| 在线日韩日本国产亚洲| 亚洲tv在线观看| 欧美国产日韩一区二区| 国产一区二中文字幕在线看| 欧美一级大片在线免费观看| 日本精品视频网站| 亚洲欧美国产精品va在线观看| 国产精品9999| 欧美人与性动交a欧美精品| 国产小视频91| 8090理伦午夜在线电影| 国产精品久久久久久久9999| 8x拔播拔播x8国产精品| 成人免费黄色网| 日韩成人中文字幕| 久久成人在线视频| 亚洲成年人在线播放| 亚洲人成欧美中文字幕| 久久久久久久久中文字幕| 国产一区二区三区欧美| 一区二区三区国产在线观看| 久久影视电视剧免费网站清宫辞电视| 欧美一级电影免费在线观看| 91久久精品国产91久久| 国产精品爽爽ⅴa在线观看| 久久综合五月天| 亚洲深夜福利在线| 久久综合伊人77777蜜臀| 91欧美精品成人综合在线观看| 日韩在线免费视频观看| 国内免费久久久久久久久久久| 欧美性感美女h网站在线观看免费| 国产一区二区丝袜高跟鞋图片| 欧美黑人一区二区三区| 久久在精品线影院精品国产| 久久成人18免费网站| 色偷偷偷亚洲综合网另类| 77777少妇光屁股久久一区| 亚洲精品日韩丝袜精品| 日韩av一卡二卡| 91久热免费在线视频| 亚洲第一av在线| 欧美成人亚洲成人日韩成人| 国产日韩综合一区二区性色av| 欧美国产日韩视频| 亚洲精品久久久久久久久久久久| 51午夜精品视频| 国产成人拍精品视频午夜网站| 日韩视频在线观看免费| 欧美日韩激情小视频| 久久精品国产成人精品| 国产午夜精品麻豆| 日韩av一区在线| 欧美性黄网官网| 欧美视频在线视频| 最近2019中文字幕一页二页| 欧美精品videos| 97视频网站入口| 国产69精品久久久久9999| 美女扒开尿口让男人操亚洲视频网站| 欧美精品videosex性欧美| 色哟哟网站入口亚洲精品| 91免费电影网站| 欧美专区国产专区| 萌白酱国产一区二区| 中文字幕九色91在线| 亚洲视频欧洲视频| 国产ts一区二区| 色伦专区97中文字幕| 激情亚洲一区二区三区四区| 成人美女免费网站视频| 亚洲欧美成人网| 九九热精品视频国产| 最近2019中文字幕mv免费看| 中文字幕一区二区精品| 亚洲xxxxx性| 欧美视频在线免费看| 亚洲日本欧美日韩高观看| 国产成人精品久久久| 欧美美最猛性xxxxxx|