能否页面开始加载立即执行js隐藏节点

Question

$(document).ready(function(){
$('#AD').css("display","none");
});
很简单的一段代码,但是只有当页面加载完毕后#AD才会隐藏掉,请问有什么方法可以在页面加载立即就执行的方法,即用户第一眼看到的时候,#AD已经能够是隐藏掉的了

Answer 1

你直接在#AD的html代码中加入 style=""display:none;"

Answer 2

1种：你直接在#AD的html代码中加入 style=""display:none;" 
2种：把js放在页面最前面

Answer 3

不要使用$(document).ready(function(){
$('#AD').css("display","none");
});
因为这种方式就是加载完成才执行你的隐藏代码，直接在head的script标签里面写$('#AD').css("display","none");，解析完head就执行了。