Question

启用JavaScript时，我有一个必须隐藏的元素。目前的代码如下：

<body>
    ...
    <div id="js-hidden"></div>
    ...
    <script src="jquery.js"></script>
    <script>
        $(document).ready(function() {
            $('#js-hidden').hide();
        })
    </script>

存在问题， js-hidden div是可见的，因为页面的其余部分（和JavaScripts）已加载。

我能早点隐藏吗？这个解决方案对我来说太糟糕了，JS用户看不到这个元素。

感谢。

PS：我已经用jQuery编写了这个例子，当然也可以用普通的JS： - ）

Answer 1

$（文件）.ready已经加载整页后可以使用

<body>
    ...
    <div id="js-hidden"></div>
    ...
    <script src="jquery.js"></script>
    <div id="js-hidden"></div>
    <script>

            $('#js-hidden').hide();

    </script>

Answer 2

最简单的事情：

<style>
.js-hidden {
  display: none;
}
</style>

<noscript>
<style>
.js-hidden {
  display: block;
}
</style>
</noscript>

Answer 3

由于你不能在div上使用onload事件，我想最好的解决办法就是把你的js放在那个div之后......

在加载此元素后立即向元素添加类名

3 个答案: