Javascript jQuery.hide（）函数；闪光“；

我在页面的head部分使用jQuery.hide（）函数来隐藏页面加载时的div。唯一的问题是，它需要大约0.25秒才能执行函数，而当页面加载时，它会显示这一秒的分数。这就足够让人相对恼火了。我不想使用“display:none；”是css（出于我不想进入的原因），但有没有办法防止这种情况发生？这只是一行简单的jQuery

$(document).ready(function() { 
    $('div#mini-header').hide();
});

你必须这样做

<div id="mini-header" style="display:none"></div>

jQuery在

DOM

Operate之后执行。这样就出现了这个问题

---

您应该仅使用Html来避免此问题。

是的，因为您已经在dom就绪处理程序中添加了

hide

代码，所以在dom就绪事件触发之前，元素将显示，然后在执行代码时隐藏

解决这个问题的正确方法是使用css，可以是内联的，也可以是像您可以使用css中的id选择器那样的规则，比如

或者添加如下css规则，并将类添加到元素中，如

.hidden {
    display: none;
}

---

“正确”的方式是你不想做的方式（通过使用css）。如果失败，您需要在document ready激发之前隐藏元素。

您可以尝试将div的初始可见性设置为hidden

<div id="mini-header" style="visibility:hidden;"></div>

您可以使用以下功能：

$(document).ready(function() { 
    $('div#mini-header').hide(0);
});

---

我希望它能帮助你…

你真的应该在CSS中这样做。至少按照建议，将内联样式添加到元素中

您使用的是jQuery来查找元素，然后隐藏它。这意味着需要加载jQuery，然后在文档准备就绪后运行查询选择函数

“解决方法”是在head元素之后添加一个内联javascript片段

<script>
document.getElementById('#mini-header').style.visibility = 'hidden';
</script>

document.getElementById（“#小标题”）.style.visibility='hidden'；

---

正如其他人所说，正确的方法是使用CSS。

在html中使用

style=“display:none”

来解决这个问题。这不是“简单”的问题，您特别要求它在加载文档并准备就绪后运行。基本上你是说你想等待，但你也不想你的元素出现。这些相互冲突的要求不可能很好地解决。隐藏要开始的元素。

DOMContentLoaded

会有什么不同吗？

<script>
document.getElementById('#mini-header').style.visibility = 'hidden';
</script>