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

Question

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

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

或

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

Answer 1

第一个选项更快。

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

下一个问题是“你在乎吗”？如果您的代码以人类交互的速度调用（例如响应鼠标点击），那么您将永远不会注意到差异。它只有在每秒进行大量搜索时才会变得明显。根据@SatPal提供的JSPerf，差别只有2-3%。