使用javascript更改css工作内联但不是从标题

Question

我有一个div区域，我想在页面加载后更改css。我的HTML如下所示

<div class='myArea'>

</div>
<script type="text/javascript">
          $('.myArea').css('background-color',"red");
</script>

它有效。但是，如果我将其移动到外部js文件并从标头引用js文件，这不起作用。以下是外部文件中的js代码 -

function init(){
      $('.myArea').css('background-color',"blue");

  }
window.addEventListener('load', init, false);

这可能是背后的原因

Answer 1

您只需将代码放在jQuery文档就绪函数中，$（）是该函数的快捷方式：

$(function(){
    $('.myArea').css('background-color',"red");
});

Answer 2

试试这个？：

window.onload = function() {
    $('.myArea').css('background-color',"red");
}

或者，如果您已经在使用jQuery，则可以使用他们的文档（）：http://api.jquery.com/ready/

$( document ).ready(function() {
   $('.myArea').css('background-color',"red");
});