如何显示具体类的div

Question

我只需在一个页面中显示特定的div。我想将所有div放在页面中，并且每次都会有一个更改浏览器显示的按钮。

这是我的代码：

<div class="all red">content..</div>
<div class="all blue">content..</div>
<div class="all red">content..</div>
<div class="all green">content..</div>
<div class="all blue">content..</div>

所有代表显示所有div的选项，每个div都有自己选择的单独类。

Answer 1

你必须这样做，你必须使用show() - 用于显示div，而hide() - 用于隐藏jquery的div方法

$("div.red").show();--this show red
$("div.blue").show();--this show blue
$("div.green").show();--this show green

Answer 2

由于您使用的是jQuery，因此它变得更容易。只需将要隐藏的所有类的初始显示设置为“无”

.red{
     display:none; 
}

然后在事件处理函数中将显示设置为阻止。

$(".red").css("display","block");

希望能解决它。