首頁(yè) 猿問(wèn) .delegate（）與.on（）

.delegate（）與.on（）

JQuery

HUH函數(shù) 2019-10-19 14:51:37

我在Web應(yīng)用程序中使用jQuery。我一直在使用，.bind()但是我發(fā)現(xiàn)它有點(diǎn)慢，因此在閱讀我所閱讀的文檔.on()和時(shí).delegate()。我了解.delegate()工作原理，但不清楚兩者之間的區(qū)別以及.on()在哪種情況下哪個(gè)更好。另外我正在使用jQuery 1.6，所以我想知道是否值得通過(guò)放置類似于以下內(nèi)容的條件來(lái)為jQuery 1.7準(zhǔn)備我的腳本：if(typeof $(selector).on == 'function'){ /* use .on() */}else{ /* use .delegate() */}這是一個(gè)好主意（為做準(zhǔn)備.on()）還是只為尋找麻煩而已？請(qǐng)幫助我清楚地了解這些方法。

查看完整描述

3 回答

jeck貓

TA貢獻(xiàn)1909條經(jīng)驗(yàn) 獲得超7個(gè)贊

該.on()語(yǔ)法是新的語(yǔ)法，1.7版本的用途和它的目的是替代 .bind()，.delegate()和.live()。

此處更多-> http://blog.jquery.com/2011/11/03/jquery-1-7-released/

新的事件API：.on（）和.off（）

新的.on（）和.off（）API統(tǒng)一了將事件附加到j(luò)Query中的文檔的所有方式-它們的鍵入時(shí)間更短！

$(elements).on( events [, selector] [, data] , handler );

$(elements).off( [ events ] [, selector] [, handler] );

提供選擇器時(shí)，.on（）與.delegate（）相似，因?yàn)樗郊恿擞蛇x擇器過(guò)濾的委托事件處理程序。當(dāng)選擇器省略或?yàn)閚ull時(shí)，調(diào)用類似于.bind（）。有一種模棱兩可的情況：如果data參數(shù)是字符串，則必須提供選擇器字符串或null，以便不會(huì)將數(shù)據(jù)誤認(rèn)為選擇器。傳遞對(duì)象以獲取數(shù)據(jù)，您將不必?fù)?dān)心特殊情況。

所有現(xiàn)有的事件綁定方法（及其對(duì)應(yīng)的取消綁定方法）在1.7中仍然存在，但是對(duì)于已知使用1.7或更高版本的新jQuery項(xiàng)目，我們建議您使用.on（）。（強(qiáng)調(diào)我的）

反對(duì) 回復(fù) 2019-10-19