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

首頁 > 編程 > JavaScript > 正文

關于jQuery新的事件綁定機制on()的使用技巧

2019-11-20 22:46:16
字體:
來源:轉載
供稿:網友

今天瀏覽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
欲色天天网综合久久| 国产精品爽爽爽爽爽爽在线观看| 91午夜在线播放| 国产精品久久在线观看| 日韩精品在线观看一区| 国产精品成人免费视频| 国产福利精品在线| 色狠狠久久aa北条麻妃| 2020久久国产精品| 欧美视频在线免费| 91在线观看免费高清完整版在线观看| 日韩欧美在线中文字幕| 欧美高清电影在线看| 国外成人免费在线播放| 国产视频久久网| 欧美诱惑福利视频| 色偷偷综合社区| 欧美性做爰毛片| 中文字幕亚洲色图| 97国产精品久久| 欧美激情图片区| 欧美日韩aaaa| 国产精品视频最多的网站| 精品偷拍各种wc美女嘘嘘| 亚洲视频在线观看| 亚洲第五色综合网| 久久人人爽亚洲精品天堂| 精品国产一区二区三区在线观看| 精品国产视频在线| 国产成人精品久久二区二区| 亚洲一区二区三区视频播放| 一区二区欧美亚洲| 欧美丰满老妇厨房牲生活| 精品久久久久久中文字幕| 国产一区二区丝袜| 伊人久久免费视频| 久久香蕉国产线看观看网| 麻豆国产va免费精品高清在线| 国产一区二区三区在线| 日韩一二三在线视频播| 久久精品国产久精国产思思| 亚洲护士老师的毛茸茸最新章节| 国产午夜精品免费一区二区三区| 97精品欧美一区二区三区| 亚洲成人激情视频| 久久久精品日本| 国产亚洲精品一区二区| 亚洲丁香久久久| 日韩电影中文字幕在线| 欧美高跟鞋交xxxxxhd| 亚洲欧美国内爽妇网| 538国产精品一区二区免费视频| 国产精品美女在线观看| 欧美成人三级视频网站| 国产日韩在线播放| 最近2019年日本中文免费字幕| 日韩美女免费视频| 亚洲国产成人精品一区二区| 中文字幕日韩视频| 美女扒开尿口让男人操亚洲视频网站| 国语对白做受69| 亚洲欧美国产制服动漫| 国产精品自产拍在线观| 欧美一级大片在线观看| 国产精品视频播放| 国产精品ⅴa在线观看h| 欧美中文在线视频| 亚洲人成电影在线播放| 国产亚洲一区二区精品| 日韩精品免费视频| 久久999免费视频| xx视频.9999.com| 日韩欧美a级成人黄色| 亚洲第一男人av| 97国产真实伦对白精彩视频8| 国产精品久久久久久久久久久久久久| 亚洲精品国产综合区久久久久久久| 亚洲精品二三区| 欧美激情一区二区三区在线视频观看| 亚洲一区二区三区sesese| 96精品久久久久中文字幕| 久久久91精品国产一区不卡| 久久精品国产清自在天天线| 亚洲欧美国内爽妇网| 国产欧美日韩综合精品| 成人精品在线视频| 亚洲天堂男人天堂女人天堂| 国产v综合ⅴ日韩v欧美大片| 日韩精品亚洲元码| 国产亚洲视频中文字幕视频| 超碰91人人草人人干| 2019中文字幕在线| 国产原创欧美精品| 国产在线不卡精品| 成人亚洲激情网| 亚洲国产精品专区久久| 最近2019中文字幕mv免费看| 亚洲国产私拍精品国模在线观看| 亚洲www永久成人夜色| 国产一区二区在线免费视频| 成人啪啪免费看| 日韩视频免费在线| 精品夜色国产国偷在线| 久久精品亚洲国产| 日本免费久久高清视频| 亚洲精品色婷婷福利天堂| 亚洲精品资源在线| 日韩精品久久久久久久玫瑰园| 国产69精品久久久久久| 狠狠操狠狠色综合网| 中文字幕av一区二区| 欧美电影在线观看高清| 久久久99免费视频| 北条麻妃一区二区在线观看| 68精品国产免费久久久久久婷婷| 黑人巨大精品欧美一区二区| 97avcom| 国产欧美精品日韩| 韩曰欧美视频免费观看| 91精品在线观看视频| 亚洲美女激情视频| 欧美日韩中文在线观看| www.国产精品一二区| 久久不射电影网| 国产精品九九久久久久久久| 国产精品扒开腿做爽爽爽的视频| 国产91在线高潮白浆在线观看| 国产欧美日韩视频| 中文字幕精品www乱入免费视频| 成人午夜在线观看| 成人午夜激情网| 日韩电影在线观看永久视频免费网站| 在线成人激情视频| 国产热re99久久6国产精品| 亚洲国产欧美一区二区丝袜黑人| 久国内精品在线| 欧美激情一级二级| 精品视频在线播放色网色视频| 日本精品久久久| 日韩有码在线观看| 清纯唯美亚洲综合| 欧美激情精品久久久久久黑人| 精品无人区太爽高潮在线播放| 国产精品视频色| 韩日欧美一区二区| 俺去了亚洲欧美日韩| 国产精品狠色婷| 久久久久www| 1769国内精品视频在线播放| 成人午夜在线视频一区| 日韩在线视频网| 国产福利视频一区二区| www.亚洲免费视频| 欧美在线激情网| 91九色视频在线| 久久色精品视频| 亚洲精品自拍视频| 亚洲男人天堂网站| 国产精品久久久久久五月尺| 亚洲日韩中文字幕在线播放| 国产精品极品尤物在线观看| 国产成人一区二区在线| 欧美性理论片在线观看片免费| 亚洲在线www|