jquery格式化只在文档准备就绪时发生，因此当web页面首次加载时，用户将看到一个丑陋的页面

这只是非常简单的，而元素和

jsp-includes的加载会发生。然而，这是相当恼人的

有什么建议可以去掉这个吗？更具体地说，什么是隐藏（）和显示（）的css等价物。
您应该使HTML DOM更小、更简单，以便加载更快。
这就是css的目的，js（和jQuery）应该用于行为层，这会影响演示文稿，但不应该是使页面具有可展示性的唯一方法

除了使用CSS设计页面样式之外，我唯一能提出的建议是使用某种掩码

#cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
    right: 0
    background: #fff url('path/to/loading.gif') 50% 50% no-repeat;
}

<div id="cover">
</div>

但我认为这可能会加剧您可能已经犯下的任何错误。
使用css设置所有元素的初始状态，并且仅在使用js/jquery加载后进行更改。这似乎不会比在js中编写格式化元素的逻辑更麻烦

如果使用js来创建初始状态，您将始终存在这种延迟，就像您所想象的那样。甚至高度优化

我想丑陋的解决方案是让js代码段与html内联，在浏览器加载元素时对其进行格式化。请不要

css中隐藏的等效内容取决于js以后如何显示，但通常是
display:none
或
visibility:hidden
。元素也可以用负位置推离屏幕，如
位置：绝对；左：-1000px
什么格式？是什么阻止您直接使用css？使用show/hide、slidedown/slideup隐藏div
$(window).load(
    function() {
        $('#cover').remove();
    }
);