Question

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

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

我写在身上

<body>

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

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

Answer 1

是的，您可以像这样使用style：

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

Answer 2

您可以使用显示或可见性

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.

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

执行此操作的一种方法是将您的分配分配给班级

.toshow
{
  display:none;
}

在你的脚本中

： -

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

或者只是提供： -

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

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

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

Answer 3

您可以使用CSS display：

.toshow
{
    display: none;
}

Answer 4

.toshow{
         display:none;
  }

或

.toshow{
       visibility:hidden;
         }

Answer 5

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

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

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

Answer 6

要在体内做到这一点：

<body>

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

</body>

虽然我会避免使用内联css

Answer 7

你可以使用jQuery来改变＆＃39; toshow＆＃39;的CSS样式。 class adding＆＃34; display：none＆＃34;。例如

$(function(){
    $('.toshow').css("display", "none");
});

默认隐藏div

7 个答案: