如何使用jQuery将多个选择器隐藏一次

怎么这个..

$("div.toggle1").hide(); $("div.toggle3").hide(); $("div.toggle4").hide(); $("div.toggle5").hide(); 

与…不相等

  $('#container div').not('.toggle2').hide(); 

在单击事件上发生,但它与手动键入多个hide()标记不同。 我只是想减少我在父母#container div中添加的每个div的hide()标记用法。

 $("div.toggle1, div.toggle3, div.toggle4, div.toggle5").hide(); 

或者只是给每个DOM元素,你将隐藏同一个类,你可以这样做:

 $('.hideClass').hide(); 

你可以通过CSS轻松控制它。 将一个隐藏的类添加到父容器中,该容器中将display:none样式。 如果您不希望display:none用于类toggle2 div,则覆盖此元素的样式。 这样你就不必在所有容器上调用hide或选择所有容器并调用hide方法。

试试这个

 .hidden{ display:none; } .hidden .toggle2{ display:block; } //This will add hidden class to the container which will //ultimately hide all the inner divs except div with class toggle2 $('#container').addClass('hidden');