Javascript 如何在document.ready之前隐藏元素？

这肯定已经有答案了，但我找不到

我希望在页面加载时隐藏的div会显示几秒钟，直到我在document.ready函数中显式隐藏它为止

$(document).ready(() => $("#myDiv").hide());

---

除了没有它并重新创建它$.append/$。添加或使其与背景颜色相同以隐藏它之外，如何确保它在页面加载时保持隐藏状态？

您可以在div上切换CSS属性。display:none；完全阻止渲染元素，可见性：隐藏；将使其从布局中占用空间，但使其不可见。当你想显示元素时，只需删除你设置的属性。

如果你有一个div，你想在开头隐藏它，你能做的就是你可以使用CSS属性来隐藏它。以下是您如何做到这一点：

显示：无。 可见性：隐藏 或者可以提供内联css，例如。 在使用它们之前，确保你们知道它们的区别。您的“display:none”将完全隐藏元素，而在“visibility:hidden”中，将始终存在空白。因为您在这里谈论的是页面加载，所以它是：

window.onload = function() {$(div).hide()});;

在div之前使用 '.=>用于课堂 =>对于id

---

希望这有帮助

添加内联CSS到它？或者使用你放在头标签上的CSS。不要等到文档准备就绪，为什么不在HTML标记中隐藏元素？喜欢使用css myDiv{display:none}；这可能是一个愚蠢的问题，但您是否尝试过显示：无；在CSS中的元素上，然后在准备好后通过JS显示它？谢谢。当我输入问题时，我正准备这样做，但我不想污染HTML，我想一定有另一种方法可以保持东西干净。看来没有。多谢。在我标记这个答案前几分钟。