如何在一行代码中隐藏多个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/