是否有任何事件jquery或javascript我可以在它们出现在浏览器之前隐藏元素

现在我有onready事件处理程序

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

但元素只有在浏览器中出现后才会隐藏。 它就像闪光一样消失了。

我可以在浏览器中显示内容之前绑定任何hide（）函数吗？

Answer 1

我可以在浏览器中显示内容之前绑定任何hide（）函数吗？

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

 .hidden { display: none; } 

然后将其应用于您的元素：

 
some hidden content 

Answer 2

你有没有理由不能将这样的类应用到你的元素中

HTML

 
Hello foo! 

CSS

 .s-hidden { display: none; visibility: hidden; } 

请注意， visibility:hidden也会隐藏屏幕阅读器中的元素，这仍然会读出您关闭的内容

然后在需要时显示它？

Answer 3

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

Answer 4

使用CSS隐藏元素：

显示：无;