jquery - 如何在一行代码中隐藏多个 div？

Question

function switch01(){
  $("#contact").hide();
  $("#about").hide();
  $("#mail").hide();
};

这可行，但我希望所有三行都写在一行中。
我尝试了+和,- 没有结果。
事实上，我有五个 div 要隐藏。

Answer 1

看到这个：http ://api.jquery.com/multiple-selector/

$("#contact,#about,#mail").hide(); 

应该管用

Answer 2

你可以像这样用逗号分隔你的答案

$("#contact, #about, #mail").hide();   

例子在这里

http://jsfiddle.net/c4swG/

我通常会为此使用一个类，例如隐藏

<div id="contact" class="hidden">contact</div>
<div id="about" class="hidden">about</div>
<div id="mail" class="hidden">mail</div>

$(".hidden").hide();  

http://jsfiddle.net/fBucw/