Javascript jquery显示不默认为隐藏

我有一个非常简单的jquery示例：在JSFIDLE中，它的工作方式与我希望的完全相同。当我在一个代码差别很小的网页上实现它时，除了一些预先存在的内容外，jquery部分默认在隐藏的div中显示内容。当我单击hide时，它仍然工作，从那里我可以显示和隐藏，但我希望在启动网页时隐藏它

---

发生这种情况有什么原因吗？

您遇到的问题是，您对所有的div使用了一个笼统的css规则，而不是针对您试图瞄准的div。我的猜测是，在页面的某个地方，您已将显示从

none

在javascript之前添加以下内容：

$("#box1, #box2").hide();

…或将css规则更改为：

div#box1, div#box2 { background:#def3ca; margin:3px; width:80px; display:none; float:left; text-align:center; }

…或将其添加到html中：

<div id="box1" style="display:none">

是否可以看到先前存在的内容？“差别很小”-显然这些差别很重要，因此您需要显示更多的代码。您的网页上定义的样式是否与小提琴中定义的样式相同？如果CSS将相关的

div

设置为

display:none

，则不应显示该样式。如果是，则可能有其他东西显示它，或者有来自其他地方的样式具有更高的特异性，因此覆盖了您的样式。检查您的其他css代码或文件可能有另一个

div

定义。您可以通过右键单击Inspect element来完成此操作…感谢您，它工作得非常好。我使用了第一个解决方案，这是一个笼统的CSS规则，一开始我找不到，因为一个朋友写了CSS。