javascript - 事不宜迟，如何用js或jquery隐藏body中的所有图片

Question

我正在尝试使用 js 和 jquery 编写一个浏览器扩展来隐藏所有图像(所有 img 元素 + 任何元素的背景图像)，并且如果用户想要在图像上显示图像，还可以选择显示图像。

到目前为止，我已经尝试用这些隐藏 body 中的所有匹配元素:

$(document).ready(function() {
    $('body').find("*").each(function() {
        imageHider($(this)); // my custom function
        bgImageHider($(this)); // also this is customized
    });
});

但是有些图片没有隐藏，因为它们没有完成加载。所以我做了:

$(window).load(function() {
    $('body').find("*").each(function() {
        imageHider($(this));
        bgImageHider($(this));
    });
});

但这会导致图像显示片刻。我怎样才能做到这一点没有任何延迟，意思是在某些时刻不显示图像？

是否可以同时触发函数onready 和onload 事件？

Answer 1

$("img").hide() 

更有意义 - 将其放在底部的脚本标记中 </body> 之前

更快:

<style>img { display:none }</style>

如果你想让它们占用空间，使用

<style>img { visibility:hidden }</style>

如果你在某个函数中，你可以这样做

if($(this).is("img")) $(this).hide();