如何在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（例如

在使用它们之前，请确保您知道区别。你的'display：none'将完全隐藏元素，而在'visibility：hidden'中，空格将始终存在。既然你在这里谈论页面加载它是：

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

在div之前使用'。' =>对于类'＃'=>对于id

希望这可以帮助！