Jquery，隐藏img onload答案

【问题标题】：Jquery, hide img onloadJquery，隐藏img onload
【发布时间】：2012-02-29 06:07:35
【问题描述】：

我希望在刚加载页面时隐藏图像。我可以打电话给$('#imgName').show() 来展示图片。

但是，我有

$(document).ready(function() {
    $("#imgName").hide();
});

但图像仍然在开始时闪烁。

如何摆脱这种闪烁效果？

【问题讨论】：

【解决方案1】：

使用 CSS 'display: none;'使其在加载时不可见。

【讨论】：

而使用 JQuery，您可以在某些事件发生时更改 CSS 属性。
非常正确；但是，一旦加载文档就这样做会保持闪烁。不过，这绝对是一件值得记住的好事情。
对不起，我说的不够清楚，确实你是对的。我的意思是说，Nik 的回答是正确的，在页面加载后，您可以通过使用 javascript 事件更新 CSS 属性来更改样式，例如按钮单击或任何有意义的事情。您看到闪烁的原因是 JQuery 是在呈现整个文档之后执行的。

【解决方案2】：

这是因为 javascript 是在 html 之后加载的，最近可能的解决方案是使用 css

img#imgName{display:none}

【讨论】：

【解决方案3】：

尝试使用 CSS 最初隐藏图像。 Javascript 将在 CSS 之后加载，通常 -- ergo，初始 flash。

【讨论】：

【解决方案4】：

您可以使用 css 加载隐藏的图像。

display:none;

【讨论】：