javascript - 在 jQuery 中将函数应用于单个元素或集合之间在效率上是否存在差异？

Question

假设您可以选择将函数应用于单个 DOM 元素或它们的列表:

个人:

$('#element1').click(function () { 
    $(this).hide(); 
    return false; 
});
$('#element2').click(function () { 
    $(this).hide(); 
    return false; 
});
$('#element3').click(function () { 
    $(this).hide(); 
    return false; 
});

与集合相比:

 $('#element1, #element2, #element3').click(function () { 
    $(this).hide(); 
    return false; 
});

除了编写更少的代码外，将函数应用于集合是否有任何计算优势？代码会运行得更快吗？

我问的原因是因为我的元素是 JS 对象，我需要单独处理它们。

Answer 1

实际上，不，没有明显的区别。如果您非常注重微观优化，那么单独绑定(bind)它们的运行时间约为多重选择器运行时间的 65%，但是，认真地说，只需使用多重选择器 - 它更具可读性和可维护性。

来源:http://jsperf.com/jquery-selector-performance-problems