如何使用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');