是否使用delegate()

是否有人能够解释为什么使用诸如此类的function

$('#potato').delegate('.frenchFry', 'click', function(e){ // do something... }); 

比…更好

 $('#potato').bind('click', function(e){ if($(e.target).hasClass('frenchFry'){ // do something... } }); 

假设大量代表团处于一个非常动态且不断变化的#potato? 是否有使用委托的速度优势(不是我能提出的任何测试)?

因为e.target将引用被点击的最深层嵌套元素,这可能没有您正在寻找的类。

 

如果您确定实际的e.target将始终是您想要的元素,那么这将不是问题。

拥有一个基于.delegate()的选择器,它.delegate()测试e.target本身, .delegate()使它更具动态性。


编辑:顺便说一下,你可以像这样复制.delegate()

 var node = e.target; while( node && !$(node).is('.frenchFry') ) { node = node.parentNode; if( node === this || node === document.body ) { node = null; break; } } if( node ) { // do something }