Uncaught ReferenceError: $ is not defined error received on simple web page

Uncaught ReferenceError: $ is not defined error received on simple web page

我正在写一个简单的网页。我包含了 jQuery 并且在包含下,我警告了一条消息,但它没有显示任何内容。我在控制台中收到未捕获的引用错误。

<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Testing Media Queries</title>
    <script type="text/javascript" href="jquery-1.11.3.min.js"></script>
    <script>
      $( document ).ready(function() {
        console.log( "ready!" );
        alert('hello');
      });
    </script>
  </head>
  ...

如果您尝试包含本地文件并且项目的结构如下:

|- test.html
|- jquery.js

然后在 header 中,以下将起作用(注意使用 src 而不是 href

<script src="jquery.js"></script>

有关 href 与 src 的更多信息,请参阅 this

如果您不想在您的服务器上托管文件,请考虑 importing it from the CDN 这样:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>