jQuery - 多个选择器的速度比较

Question

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

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

或

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

Answer 1

第一种选择更快。

原因是单个类搜索在现代浏览器中非常有效（仅比ID查找稍慢）。对于多个条件，它必须首先查找所有元素，然后应用选择器逻辑。

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