jQuery - 多选择器的速度比较

Question

隐藏/显示多个元素的更快方法是什么？.className？

$('.className1').show(); 
$('.className2').show(); 
$('.className3').show(); 

或

$('.className1, .className2, .className3').show(); 

Answer 1

第一个选项是更快。

为什么在现代浏览器中单个类的搜索性能非常高（仅比ID查找慢）。有了多个标准，它必须首先找到所有元素，然后应用选择器逻辑。

下一期将是“你关心”吗？如果您的代码是以人为交互速度调用的（例如响应鼠标点击），那么您将永远不会注意到这种差异。只有每秒进行大量搜索才会显而易见。基于@SatPal提供的JSPerf，差异只有2-3％。