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

Question

这个必须已经有答案了，但我找不到。

我要隐藏在页面加载中的div会显示一秒钟，直到我将其明确隐藏在document.ready函数中为止。

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

缺少它并重新创建它（$.append / $.add）或使其与隐藏它的背景具有相同的背景颜色，我该如何确保它在页面上保持隐藏加载吗？

Answer 1

您可以在div上切换CSS属性。 display: none;完全阻止了元素的渲染，visibility: hidden;将渲染它（布局中占用该元素的空间），但使其不可见。要显示元素时，只需删除设置的属性即可。

Answer 2

如果您有一开始要隐藏的div，那么您可以使用CSS属性将其隐藏。这是您的操作方法：

1. 显示：无。
2. visibility：hidden
可以指定
3. 或内联CSS（例如

使用它们之前，请确保您知道它们之间的区别。您的“显示：无”将完全隐藏元素，而在“可见性：隐藏”中，将始终存在空白。既然您在这里谈论页面加载，它就是：

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

在div之前使用 '。' =>上课 '＃'=> for id

希望这会有所帮助！