在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();
});