Jquery live() 与 delegate() [重复]

我在这里和网上其他地方读过一些关于两者之间差异的帖子live() and delegate()。但是我还没有找到我正在寻找的答案（如果这是一个骗局，请告诉我）。

我知道之间的区别live and delegate就是它live不能在链中使用。我也在某处读到过delegate在某些情况下更快（更好的性能）。

我的问题是，在什么情况下你应该使用live代替delegate?

UPDATE

我已经设置了一个简单测试 http://jsperf.com/jquery-live-vs-delegate-vs-on查看性能差异。

我还添加了新的.on()在 jQuery 1.7+ 中可用

结果几乎总结了答案中所述的性能问题。

• 不要使用.live()除非你的 jQuery 版本不支持.delegate().
• 不要使用.delegate()除非你的 jQuery 版本不支持.on().

和...之间的不同.live() and .delegate()比两者之间大很多delegate() and .on().

我从不使用live;我考虑使用的好处delegate如此巨大以至于压倒性的。

其好处之一是live是它的语法非常接近bind:

$('a.myClass').live('click', function() { ... });

delegate但是，使用稍微更详细的语法：

$('#containerElement').delegate('a.myClass', 'click', function() { ... });

然而，在我看来，这似乎更明确地说明了实际发生的情况。你没有意识到从live事件实际上被捕获的示例document; with delegate，很明显事件捕获发生在#containerElement。你可以做同样的事情live，但语法变得越来越可怕。

为要捕获的事件指定上下文也可以提高性能。随着live例如，整个文档的每次点击都必须与选择器进行比较a.myClass看看是否匹配。和delegate，这只是其中的元素#containerElement。这显然会提高性能。

最后，live要求您的浏览器寻找a.myClass 目前是否存在. delegate仅在事件触发时查找元素，从而提供进一步的性能优势。

NB delegate uses live在幕后，所以你可以做任何事情live你可以用delegate。我的回答涉及它们，因为它们是常用的。

还要注意的是，两者都不是live nor delegate是现代 jQuery 中进行事件委托的最佳方式。新语法（从 jQuery 1.7 开始）是on http://api.jquery.com/on/功能。语法如下：

$('#containerElement').on('click', 'a.myClass', function() { ... });