如何通过js 控制多个div显示或隐藏？

Question

如何通过js 控制多个div显示或隐藏？
例如<div class="1"></div>
<div class="1"></div>
<div class="1"></div>
<div class =“2”></div>····如何隐藏前面的3个显示后面的一个？或者相反！
注意不要给前面3个div设置不同的id

Answer 1

纯js的话不怎么会，使用jquery的话很简单的。建议楼主学习一下
引用一下jquery，然后
function放head中
function test(){
$(".1").css("display","none"); //隐藏class为1 的div
//控制显示的话 $(".1").css("display","block");
//$(".2").css("display","none"); 隐藏class为2的div
}

<div class="1">1</div>
<div class="1">1</div>
<div class="1">1</div>
<div class="2">2</div>
<a href="#" onclick="test()">aaaa</a>

Answer 2

function放head中
function test(){
var divs = document.getElementsByTagName("div");
for(var i=0,j=divs.length;i<j;i++){
if(divs[i].className == "1"){
divs[i].style.display = "none";
}
else{
divs[i].style.display = "block";
}
}
}

<div class="1">1</div>
<div class="1">1</div>
<div class="1">1</div>
<div class="2">2</div>
<a href="#" onclick="test()">aaaa</a>

Answer 3

通过改变 style="display:none;" 达到隐藏或者显示，建议JQuery 实现时最方便的
只需要两行代码

$("#totle2").hide();
$("#totle1").show();