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

首頁 > 編程 > JavaScript > 正文

Query中click(),bind(),live(),delegate()的區別

2019-11-20 21:39:52
字體:
來源:轉載
供稿:網友

click(),bind(),live()都是執行事件時使用的方法,他們之前是有一些區別的,我們在使用這些方法時應該根據需要進行選擇。

1.click()方法是我們經常使用的單擊事件方法:

復制代碼 代碼如下:

$("a").click(function(){
   alert("hello");
});

當點擊<a>時,輸出hello。

2.click()方法是bind()方法的一種簡單方法。在bind()中,jQuery所有JavaScript事件對象,比如focus, mouseover, 和 resize,都是可以作為type參數傳遞進來的。我們直接看看jQuery文檔中的一個例子:

復制代碼 代碼如下:

var message = "left";
$("a").bind("click", function() {
   alert(message);
   return false;
});var message = "right";
$("a").bind("contextmenu", function() {
   alert(message);
   return false;
});

上邊代碼中,無論是左鍵單擊還是右鍵單擊<a>輸出總是"right"。為了解決這個問題,我們可以將message作為data參數傳遞到到bind()方法中,如下:
復制代碼 代碼如下:

var message = "left";
$("a").bind("click", { msg: message }, function(e) {
   alert(e.data.msg);
   return false;
});var
 message = "right";
$("a").bind("contextmenu", { msg: message }, function(e) {
   alert(e.data.msg);
   return false;
});

這樣當我們左鍵單擊<a>時,輸出"left";當右鍵單擊<a>時,輸出"right"。

可見,一般情況下我們使用click()方法就可以了,當需要處理上邊這種情況時,我們要使用bind()方法。

3.live()給所有匹配的元素附加一個事件處理函數,即使這個元素是以后再添加進來的也有效。如下:

復制代碼 代碼如下:

$("div.live").bind("click", function() {
   alert("success");
});

此時,當點擊class為live的div時,輸出"success"。此時如果有一個新的元素添加了進來,如下:
復制代碼 代碼如下:

$("<div class="live" href="#">live</div>").appendTo("body");

這時,當使用上邊方法點擊class為live的a標簽時,不會執行。原因在于,這個元素是在調用bind()之后添加的,而使用live()方法使得在后邊添加的元素也能夠執行相應的事件,如下:
復制代碼 代碼如下:

$("div.live").live("click", function() {
   alert("success");
});

這樣,當我們單擊class為live的a標簽時,如果此a標簽是后邊添加的,也能照常輸出"success"。至于原因,在這里不做具體的說明,本篇主要比較幾種方法的區別。

最后,看看delegate()方法,這個方法到目前為止我自己還沒有使用過,應該是在1.4.2中才有的。
live()方法的一個不足在于它不支持鏈式寫法:

復制代碼 代碼如下:

$("#test").children("a").live("mouseover", function() {
    alert("hello");
});

上邊這種寫法并不會輸出,我們使用delegate()可以寫為:
復制代碼 代碼如下:

$("#test").delegate("a", "mouseover", function() {
    alert("hello");
});

這樣就可以正常的輸出我們想要的結果了。本篇總結了click()、bind()、live()和delegate()方法,其中并沒有做非常詳細的解釋,僅望能對大家在具體使用時有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩中文理论片| 国产亚洲欧美日韩美女| 亚洲精品国产拍免费91在线| 久久久久久九九九| 国产成人精品视| 91久久久在线| 国产综合香蕉五月婷在线| 久久久久久久爱| 亚洲精品国产拍免费91在线| 亚洲美女精品成人在线视频| 国产成人高潮免费观看精品| 国产精品第1页| 亚洲四色影视在线观看| 成人激情电影一区二区| 91av在线看| 国产91免费观看| 欧美激情区在线播放| 国产免费一区二区三区香蕉精| 国产一区二区三区视频在线观看| 久久亚洲精品成人| 91美女福利视频高清| 亚洲成人免费在线视频| 久久国产精品影视| 亚洲社区在线观看| 国产69久久精品成人| 国产精品狼人色视频一区| 国产精品www色诱视频| 国产成人精品综合久久久| 中文字幕日韩免费视频| 亚洲sss综合天堂久久| 91av网站在线播放| 亚洲字幕一区二区| 亚洲精品乱码久久久久久金桔影视| 97超级碰碰人国产在线观看| 国产精品天天狠天天看| 亚洲天堂av在线免费观看| 日韩中文字在线| 欧美激情极品视频| 久久九九有精品国产23| 国产精品成久久久久三级| 国产亚洲成av人片在线观看桃| 国内成人精品一区| 尤物精品国产第一福利三区| 精品亚洲一区二区三区四区五区| 性日韩欧美在线视频| 亚洲精品aⅴ中文字幕乱码| 91视频8mav| 亚洲第一精品福利| 亚洲女人被黑人巨大进入| 高清欧美性猛交| 欧美美女操人视频| 欧美日本亚洲视频| 欧美日韩国产精品一区二区不卡中文| 国产精选久久久久久| 欧美激情在线狂野欧美精品| 亚洲国产91精品在线观看| 国产精品久久久久久久一区探花| 中文欧美在线视频| 在线观看日韩av| 色妞久久福利网| 成人激情视频小说免费下载| 性欧美在线看片a免费观看| 日本免费在线精品| 日韩美女写真福利在线观看| 日韩精品免费看| 宅男66日本亚洲欧美视频| 日韩av电影国产| 一区二区欧美久久| 精品日本高清在线播放| 性欧美xxxx视频在线观看| 伊人久久久久久久久久| 这里只有精品久久| 日韩网站在线观看| 亚洲国产精品悠悠久久琪琪| 欧美日韩性生活视频| 欧美与欧洲交xxxx免费观看| 日韩精品免费视频| 九九九热精品免费视频观看网站| 亚洲在线一区二区| 久久精品国亚洲| 日韩黄在线观看| 成人精品久久久| 97国产精品免费视频| 亚洲精品自拍视频| 精品久久久久久中文字幕大豆网| 亚洲国产精品视频在线观看| 国产成人avxxxxx在线看| 亚洲肉体裸体xxxx137| 国产精品一二三在线| 91手机视频在线观看| 狠狠躁夜夜躁人人躁婷婷91| 国产精品视频网站| 九九九久久久久久| 欧美日韩亚洲精品内裤| 欧美日韩国产在线看| 狠狠躁夜夜躁人人爽天天天天97| 国产精品日日摸夜夜添夜夜av| 欧美激情喷水视频| 青青在线视频一区二区三区| 亚洲欧美另类在线观看| 亚洲欧美日韩国产中文| 一本久久综合亚洲鲁鲁| 中文字幕日韩欧美| 97视频在线看| 欧美黑人国产人伦爽爽爽| 九九热这里只有精品免费看| 中文字幕亚洲欧美在线| 日韩成人在线视频网站| 日韩电影免费在线观看中文字幕| 成人免费在线视频网址| 国内精品美女av在线播放| 国产日韩av高清| 一区二区三区国产在线观看| 91禁外国网站| 亚洲a级在线播放观看| 国产欧美一区二区三区久久| 狠狠色狠狠色综合日日五| 欧美一二三视频| 亚洲iv一区二区三区| 亚洲成人av在线| 欧美亚洲日本黄色| 欧美日韩一区二区三区在线免费观看| 亚洲国产三级网| 久久天堂电影网| 96pao国产成视频永久免费| 亚洲欧美中文日韩v在线观看| 自拍偷拍亚洲区| 国产精品第3页| 成人网页在线免费观看| 在线观看视频亚洲| 欧美在线视频网站| 亚洲娇小xxxx欧美娇小| 国产精品久久久久久搜索| 亚洲精品91美女久久久久久久| 国产精品美女免费视频| 久久久久久12| 欧美日韩国产一中文字不卡| 成人免费淫片视频软件| 91精品久久久久久久久不口人| 亚洲人成网站777色婷婷| 欧美最猛性xxxxx免费| 亚洲精品资源在线| 91精品视频在线| 九色精品免费永久在线| 亚洲欧美在线一区二区| 国产精品亚洲美女av网站| 91国自产精品中文字幕亚洲| 亚洲综合中文字幕在线观看| 亚洲欧美成人在线| 亚洲片在线观看| 精品亚洲一区二区三区在线播放| 亚洲免费影视第一页| 日韩欧美在线网址| 欧美黑人狂野猛交老妇| 精品调教chinesegay| 欧美激情女人20p| 成人情趣片在线观看免费| 欧美午夜www高清视频| 国产精品久久久久久久7电影| 日韩欧美主播在线| 97精品免费视频| 久久偷看各类女兵18女厕嘘嘘| 国产精品久久久久久久av电影| 日韩在线精品视频|