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

Question

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

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

我也可以用

实现同样的目标

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

两个代码之间的主要区别是什么？它只是代码减少还是与第二代码有任何与性能相关的变化？

Answer 1

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

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

但问题是：

首先想到的代码会一个接一个地执行，但是第二个代码的想法会通过搜索类来做一次。

Answer 2

更多细节，当您致电

时

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

它的工作原理如下：

• 找到课程 a 的所有元素，并调用方法显示
• 找到类 b 的所有元素，并调用方法显示
• 找到类 c 的所有元素，并调用方法显示

所以你创建了 3个数组。

当你这样：

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

这意味着：查找所有元素 a ， b ， c 并调用方法显示，以便你只创建一个数组。