Jquery使用多个选择器一次显示所有

Question

我有 jquery 代码一次显示 3 个项目

$('.a').show();
$('.b').show();
$('.c').show();

我也可以用

达到同样的效果

$('.a, .b, .c').show();

这两种代码的主要区别是什么？仅仅是代码减少还是第二个代码会有任何与性能相关的变化？

Answer 1

更详细的，当你打电话时

$('.a').show();
$('.b').show();
$('.c').show();

它是这样工作的：

• 找到所有具有类 a 的元素并调用方法 show
• 找到所有具有类 b 的元素并调用方法 show
• 找到所有具有类 c 的元素并调用方法 show

所以你创建 3 个数组。

当你这样做时：

$('.a, .b, .c').show();

意思是：找到类a、b、c的所有元素并调用show方法，所以您只创建一个数组。

Answer 2

顺便说一句，您可以使用通用类来实现：

$('.common_class').show();

但是你的问题：

第一个想法的代码将一个接一个地执行，但第二个想法的代码将通过搜索类执行一次。