是否使用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 }