默认隐藏div

The*_*ner 25 jquery

我有一个div,只有当用户点击显示按钮时才会显示

$("div.toshow").show();
Run Code Online (Sandbox Code Playgroud)

我写在身上

<body>

<div class="toshow">
</div>
</body>
Run Code Online (Sandbox Code Playgroud)

所以默认情况下,当显示页面时,所有这些内容都会被用户看到.有没有办法可以通过默认隐藏它?

Shr*_*ree 58

是的你可以style像这样使用:

<div class="toshow" style="display:none"></div>
Run Code Online (Sandbox Code Playgroud)

  • 好吧,他要求它.:d (12认同)
  • 请避免使用内联CSS. (11认同)

PSL*_*PSL 13

您可以使用"显示"或"可见性"

display:none|block|etc.. // This will not preserve the space for the div.
visibility:visible|hidden //This will preserve the space for the div but wont be shown.
Run Code Online (Sandbox Code Playgroud)

如果使用显示,$("div.toshow").show();则会导致元素跳起,因为没有为其保留空间.Visibility不会发生这种情况.

一种方法是将您的分配分配给班级

.toshow
{
  display:none;
}
Run Code Online (Sandbox Code Playgroud)

在你的脚本中: -

$("div.toshow").show();
Run Code Online (Sandbox Code Playgroud)

或者只是提供: -

<div class="toshow" style="display:none;">...

 $("div.toshow").show();
Run Code Online (Sandbox Code Playgroud)

当你执行.show()jquery时,只需display:block在标记中添加内联样式.


Jud*_*ran 8

你可以使用CSS display:

.toshow
{
    display: none;
}
Run Code Online (Sandbox Code Playgroud)