时间戳

首页 > 解决方案 > 如何在 document.ready 之前隐藏元素？

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

问题描述

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

我div希望在页面加载时隐藏的 My 会显示几分之一秒，直到我明确地将其隐藏在 document.ready 函数中。

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

如果没有它并重新创建它（$.append/ $.add）或使其背景颜色与其背景相同以隐藏它，我如何确保它在页面加载时保持隐藏状态？

标签： javascriptjqueryhtmlcss

解决方案

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

推荐阅读