Javascript 正在加载外部.js文件&；工作，但jQuery在其中不工作

我有一个正在加载的外部.js文件，可以正常工作，但其中的jQuery不工作。当我在index.html文件中粘贴以下代码时，它可以工作：

<script>
  $( "div" ).css( "border", "9px solid red" );
</script>

如果通过在外部文件中粘贴以下代码来检查jQuery，则会得到“jQuery已加载”：

为什么我的jQuery不能从外部文件工作

---

顺便说一下，控制台中不会出现错误。

在外部文件中使用jquery时，需要确保DOM已准备就绪。在独立页面上，只需直接使用jquery即可（就像您所说的那样）。但是，当使用外部js文件调用时，需要使用以下命令加载jquery代码：

$(document).ready(function(){
    $( "div" ).css( "border", "9px solid red" );
});

或

---

您正在处理独立文件吗？你如何加载HTML页面？@Allan，我不知道你说的如何加载HTML页面是什么意思。我有一个index.html、一堆css文件和一个scripts.js。这就是我正在处理的全部内容。您是否看到任何错误消息？请尝试

$（文档）。就绪（function（）{/*do the work*/}）

您是直接处理文件系统中的html文件，还是使用apache、wamp或iis之类的web服务器？@LinYuan，$（文档）。就绪（）工作正常，谢谢。我很困惑，因为我是通过treehouse学习js/jQuery的，他们从来没有使用过DocumentReady。我现在意识到这是因为他们总是在html的底部调用脚本文件，而我是在头部调用它。谢谢大家的帮助。事实证明，我没有意识到我必须使用documentready，因为我通过调用身体底部的外部文件来学习js，而在这种情况下，我是在大脑中调用它。谢谢

if (window.jQuery) {  
  alert("jQuery is loaded");  
} else {
  alert("jQuery is not loaded");  
}

$(document).ready(function(){
    $( "div" ).css( "border", "9px solid red" );
});

jQuery(function () { 
 $( "div" ).css( "border", "9px solid red" ); 
});