是否有人能够解释为什么使用诸如此类的功能
$('#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()的选择器,它不仅仅测试e.target本身,还会使它更具动态性.
编辑:顺便说一下,你可以像这样复制.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
}