javascript - 在 dom-load 上隐藏内容

Question

我正在制作一个应该美化某个网站的 chrome 扩展。我隐藏了 domload 上的所有元素，除了一个。但它的问题是每次网站加载时，首先加载所有内容，然后隐藏。这是我的代码

window.onload = function(){

var all = document.getElementsByTagName("div");
var viewer = document.getElementById("viewer").style;

for (var i=0, max=all.length; i < max; i++) {
    all[i].style.visibility='hidden';
}

viewer.visibility='visible';

};

我希望有比我现在做的更好的方法来做到这一点，它基本上是加载所有内容，隐藏所有内容，然后使某个组件可见。整个过程非常缓慢，用户可以在页面加载时看到我试图隐藏的内容。

有没有办法通过 javascript 指定要加载哪些内容，或者使整个过程足够快以至于不被注意到？

Answer 1

这里的 jQuery 将是你的朋友。它非常快。

$(document).ready(function() {
  $('div').not('#viewer').hide();
});