是否有任何事件jquery或javascript可以在元素出现在浏览器中之前将其隐藏在哪里

现在我有了onready事件处理程序

$(function() {
   $('element').hide();
});

但元素只有在显示在浏览器中后才会隐藏。然后它像闪电一样消失了

在内容出现在浏览器中之前，我可以绑定任何hide（）函数吗

在内容出现在浏览器中之前，我可以绑定任何hide（）函数吗

不可以。必须先加载DOM，然后才能使用javascript对其进行操作。最好的方法是使用CSS从服务器端隐藏元素，这样页面加载时就不会显示。因此，在CSS文件中定义一个隐藏类：

.hidden {
    display: none;
}

然后将其应用于元素：

<div class="hidden">some hidden content</div>

一些隐藏的内容

在内容出现在浏览器中之前，我可以绑定任何hide（）函数吗

不可以。必须先加载DOM，然后才能使用javascript对其进行操作。最好的方法是使用CSS从服务器端隐藏元素，这样页面加载时就不会显示。因此，在CSS文件中定义一个隐藏类：

.hidden {
    display: none;
}

然后将其应用于元素：

<div class="hidden">some hidden content</div>

一些隐藏的内容

有什么原因不能将这样的类应用于元素吗

HTML

<div class="s-hidden">Hello foo!</div>

请注意，

visibility:hidden

也会对屏幕阅读器隐藏该元素，而屏幕阅读器仍会读取该元素的内容

---

然后在需要时显示它？

有什么原因不能将这样的类应用于元素吗

HTML

<div class="s-hidden">Hello foo!</div>

请注意，

visibility:hidden

也会对屏幕阅读器隐藏该元素，而屏幕阅读器仍会读取该元素的内容

---

然后在需要时显示它？

必须先加载DOM，然后才能使用JavaScript正确访问和修改它。您应该使用CSS隐藏元素，然后在DOM加载完成后，您可以随意显示。必须先加载DOM，然后才能使用JavaScript正确访问和修改它。您应该使用CSS隐藏元素，然后在DOM完成加载后，您可以随意显示元素。

使用CSS隐藏元素：

---

显示：无

使用CSS隐藏元素：

---

显示：无

我认为最好使用css样式：display=none；。当我们需要显示这些元素时，我们可以使用display=block；我认为最好使用css样式：display=none；。当我们需要显示这些元素时，我们可以使用display=block；请参阅此主题。注意：禁用Javascript的用户将永远看不到内容。@AndrewMarshall，对于禁用javascript的用户，您仍然可以进行优雅的降级：提供一个链接，该链接将重新加载页面，并且在第二次呈现页面时，您将删除服务器端的隐藏类。因此，内容将显示。只是他们需要重新加载页面才能看到更改，因为他们禁用了javascript，不重新加载就无法操作DOM。更好的是，在

元素运行时，使用类似于将

js

类添加到

元素中，然后仅在

具有

js

类时应用隐藏样式。注意：禁用Javascript的用户将永远看不到内容。@AndrewMarshall，对于禁用javascript的用户，您仍然可以进行优雅的降级：提供一个链接，该链接将重新加载页面，并且在第二次呈现页面时，您将删除服务器端的隐藏类。因此，内容将显示。只是他们需要重新加载页面以查看更改，因为他们禁用了javascript，并且在不重新加载的情况下无法操作DOM。更好的是，在

元素运行时使用类似于添加

js

类的方法，然后仅在

具有

js

类时应用隐藏样式。