Jquery 默认情况下隐藏div_Jquery

Jquery 默认情况下隐藏div

jquery

Jquery 默认情况下隐藏div,jquery,Jquery,我有一个div，只有当用户单击show按钮时才会显示 $("div.toshow").show(); 我已经在身体里写了 <body> <div class="toshow"> </div> </body> 因此，默认情况下，当页面显示时，用户可以看到所有这些内容。有没有一种方法可以在默认情况下隐藏它？您可以使用CSSdisplay： $('#myDiv').hide(); $("myDiv").css("visibility", "h

我有一个div，只有当用户单击show按钮时才会显示

$("div.toshow").show();

我已经在身体里写了

<body>

<div class="toshow">
</div>
</body>

因此，默认情况下，当页面显示时，用户可以看到所有这些内容。有没有一种方法可以在默认情况下隐藏它？

您可以使用CSS

display

：

$('#myDiv').hide();

$("myDiv").css("visibility", "hidden");

.toshow {
  visibility:hidden;
  display:none;
 }

.toshow
{
    display: none;
}

可以使用“显示”或“可见性”

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.

如果使用display您的

$（“div.toshow”）.show（）将导致元素跳转，因为没有为其保留空间。这不会发生在能见度上
一种方法是将dispay分配给类
.toshow
{
  display:none;
}

在脚本中：-
$("div.toshow").show();

或者只提供：-
<div class="toshow" style="display:none;">...

 $("div.toshow").show();

。。。
$（“div.toshow”）.show（）；

执行.show（）
jquery时，只需将display:block
内联样式添加到标记中
.toshow{
         display:none;
  }

或
是的，您可以这样使用样式
：
<div class="toshow" style="display:none"></div>

要在体内完成此操作：
<body>

<div class="toshow" style="display:none">
</div>

</body>



虽然我会避免内联css，但您可以使用jQuery更改“toshow”类的css样式，添加“display:none”。比如说
$(function(){
    $('.toshow').css("display", "none");
});

我不想做css。在为什么使用jquery而您可以直接使用css的问题上，我有什么办法吗？请尽量避免将代码作为答案，并尝试解释它的作用和原因。对于没有相关编码经验的人来说，您的代码可能并不明显。请编辑您的答案，包括谢谢大家，因为你们帮助我改进了我的答案，但当我回答这个问题时，问题已经改变了。已根据新问题更改了我的答案。：）即使在更改后，您的答案仍然是使用过时的jQuery
当使用jQuery时，您也不应该影响属性的样式，应该使用css修饰符函数
$(function(){
    $('.toshow').css("display", "none");
});