Question

我已经阅读了一些关于为什么不使用jQuery.live（）的帖子，我想检查一下是否得到它:) 当我致电$("body").delegate('element','click', function);

时

是否与$(element).live('click', function)相同？在正常行为的情况下......根据帖子有一些stopPropagation和performance boons，但是每次实时绑定到body元素的主要区别是什么，而委托可以绑定到另一个？

Answer 1

一个重要的区别是“.live（）”实际上会为初始选择器构建jQuery元素列表，即使“.live（）”函数本身只需要选择器字符串。这意味着如果选择器有点昂贵，设置处理程序的代码将在整个DOM上运行，没有充分的理由。 “.delegate（）”调用不执行此操作。

我真的没有看到新代码应该使用“.live（）”的任何理由;这是一种建筑错误，最终应该安静地死去。

Answer 2

Nettuts有一个截屏视频，只是为了解释这一点：Quick Tip: The Difference Between Live() and Delegate()

来自网站的引用：

// Live(), introduced in 1.3, allows for the binding  
// of event handlers to all elements that match a  
// selector, including those created in the future.  
// It does this by attaching the handler to the document.  
// Unfortunately, it does not work well with chaining.  
// Don't expect to chain live() after calls like  
// children().next()...etc.  
$("li").live("click", function() {  
    $(this).parent().append("<li>New Element</li>");  
});   

// Delegate, new to version 1.4, perhaps should have been a complete  
// replacement for Live(). However, that obviously  
// would have broken a lot of code! Nonetheless,  
// delegate remedies many of the short-comings  
// found in live(). It attaches the event handler  
// directly to the context, rather than the document.  
// It also doesn't suffer from the chaining issues  
// that live does. There are many performance benefits  
// to using this method over live().  
$('#items').delegate('li', 'click', function() {  
    $(this).parent().append('<li>New Element</li>');  
});

Answer 3

是每次实时绑定到body元素的主要区别，而delegate可以绑定到另一个吗？

是的，确切地说。假设您有一个表，您可以添加和删除行，并且您希望处理这些行（或行中的链接或按钮）的点击。你可以使用live，但事件必须一直向下到达身体水平让我们面对它，感觉有点像全局变量。如果您在delegate元素上使用table，则会更有针对性，与页面上发生的其他事情隔离开来。 delegate是一个更加模块化，包含live的版本。

Answer 4

由于.live（）方法在事件传播到文档顶部后处理事件，因此无法停止实时事件的传播。同样，.delegate（）处理的事件将始终传播到它们被委派给的元素;下面任何元素上的事件处理程序将在调用委托事件处理程序时执行。

Answer 5

缺点是.live在文档级别运行，.delegate在您指定的任何元素上运行。为什么会有所作为？如果您使用.live绑定了一个mousemove事件（或多个），jQuery将在每次将鼠标移动到页面上的任何位置时执行代码，以查看是否应运行回调函数。这是非常低效的，并且是.delegate的原因。 .delegate函数仅在均值来自您指定的dom节点内部时运行。例如，如果您说$('ul#myUL').delegate(...)，那么jQuery只会检查代码是否应该在事件源自ul#myUL

内时运行

jQuery.live和jQuery.delegate之间的区别

5 个答案: