jQuery类vs隐藏

对于我的问题，我需要先写一些css

.hide { display: none; }

现在，在jQuery中，下面两个示例中哪一个更快

if ($('#a').is(':hidden')) {
    $('#a').show();
} else {
    $('#a').hide();
}

或

---

我认为您可以尝试以下代码：

$('a').toggleClass('hide')

---

它和你的代码是一样的，但是它更小。您可以查看。

我想您可以尝试以下代码：

$('a').toggleClass('hide')

---

它和你的代码是一样的，但是它更小。您可以看看。

对类的操作比调用show/hide函数更快

---

以下是jsperf:

对类的操作比调用show/hide函数更快

---

以下是jsperf:

卢卡斯·威尔姆斯所说的是正确的。使用toggleClass（）函数来减少代码，它比使用hide（）和show（）方法快得多

Lucas Willems告诉我们的是正确的。使用toggleClass（）函数来减少代码，它比使用hide（）和show（）方法快得多

为什么不在jsperf.com上对它们进行基准测试呢？我还建议您尝试

.toggle（）

和

.toggleClass（）

，它们可能比这两种方法都快。从用户的角度看不会有什么不同。但是，我想说第一个会更快，因为一切都基于ID选择器。而在第二种情况下，您同时使用ID和类选择器。ID比类快得多。为什么不在jsperf.com上对它们进行基准测试呢？我还建议您尝试

.toggle（）

和

.toggleClass（）

，它们可能比这两种方法都快。从用户的角度看不会有什么不同。但是，我想说第一个会更快，因为一切都基于ID选择器。而在第二种情况下，您同时使用ID和类选择器。IDs比Classs快得多。太棒了！我从来不知道jsperf.+1，只是添加了其他代码片段以确保：（似乎保留一个局部变量是个好主意）。那太棒了！我从来不知道jsperf.+1，只是添加了其他代码片段以确保：（似乎保留一个局部变量是个好主意）。