如何显示具有特定类的 div答案

【问题标题】：How to show divs with specific class如何显示具有特定类的 div
【发布时间】：2018-05-25 02:09:49
【问题描述】：

我只需要在一个页面中显示特定的 div。我想将所有的 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>

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

【问题讨论】：

标签： javascript jquery html css class

【解决方案1】：

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

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

【讨论】：

我如何将它连接到一个按钮？
@boltan 到目前为止，您自己做过任何研究吗？有些东西可以让你将按钮连接到事件（点击），然后连接到动作（隐藏/显示你的 div）

【解决方案2】：

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

.red{
     display:none; 
}

然后在你的事件处理函数中设置显示为阻塞。

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

希望能解决它。

【讨论】：