Question

我试图隐藏div直到文档准备就绪 - 然后显示它。

这就是我想要做的事情：

<div id='initiallyhidden' style='visibility:hidden'>I am a secret - kinda!</div>

<script>
$(document).ready(function() {
    $("#initiallyhidden").show();
});

</script>

我该如何做到这一点？

Answer 1

请改用display: none; css属性。另外，我把你的风格分开=）

<div id="initiallyhidden" class="hidden">I am a secret - kinda!</div>

<script>
$(document).ready(function() {
    $("#initiallyhidden").show();
});
</script>

<style type="text/css">
    .hidden { display: none; }
</style>

Answer 2

将您的标记更改为：

<div id='initiallyhidden' style='display:none'>I am a secret - kinda!</div>

Answer 3

使用 display：none ，因为它会使元素完全脱离游戏，而 visibility：hidden 会保持元素及其流量不会直观地表示其内容

<div id='initiallyhidden' class='hide'>I am a secret - kinda!</div>

<style type="text/css">
  .hide { display: none; }
</style>

隐藏div风格 - 并在JQuery中显示它？

3 个答案: