Question

我是jQuery的新手。要查看我的第一个hello world页面，我有下面的代码，但结果是一个没有任何警报的裸页面！它似乎无法从我在html页面的同一目录中下载的jQuery-1.11.0中读取。

<!DOCTYPE html>
<html lang="en">
  <head>
   <meta charset="utf-8" />
    <title>Hello World</title>
      <script type="text/javascript" src="jquery-1.11.0.min.js"> </script>
      <script type="text/javascript">
      $("document").ready(function() {
      alert ("Hello World");
      });
     </script>
   </head>
   <body>
  </body>
</html>

Answer 1

您的HTML标记无效：

1）您需要打开<body>代码

2）您在"

的开头缺少text/javascript

<script type="text/javascript">
// ------    ^ missing " here

最终代码应如下所示：

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>Hello World</title>
        <script type="text/javascript" src="jquery-1.11.0.min.js">

        </script>
        <script type="text/javascript">
            $("document").ready(function() {
                alert("Hello World");
            });
        </script>
    </head>

    <body></body>

</html>

<强> Working Demo

检查页面后，链接到的jQuery库为空白。

http://cmpt470.csil.sfu.ca:8017/anabaei/exe/jquery-1.11.0.min.js

要避免此问题，最好使用jQuery或Google的CDN链接：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Answer 2

您没有起始<body>标记。

您的脚本来源遗失"。

喜欢这个。

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8" />
      <title>Hello World</title>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
      <script type="text/javascript">
         $("document").ready(function() {
                alert ("Hello World");
         });
      </script>
   </head>
   <body>
   </body>
</html>

Answer 3

尝试写这样的

<!DOCTYPE html>
<html lang="en">
  <head>
   <meta charset="utf-8" />
    <title>Hello World</title>
      <script src="jquery-1.11.0.min.js"> </script>
      <script>
       $(function() {
       alert ("Hello World");
       });
     </script>
   </head>
  <body>
  </body>
</html>

为了更加确定您的jQuery正常工作，请在jQuery中的警报行之后添加它

$('body').html("<p>Hello World</p>");

文本也会出现在您的页面中，因此您的jQuery源代码正常。

祝你好运。

Answer 4

您缺少一个开场报价和开头标记。试试这个。

<!DOCTYPE html>
<html lang="en">
  <head>
   <meta charset="utf-8" />
    <title>Hello World</title>
      <script type="text/javascript" src="jquery-1.11.0.min.js"> </script>
      <script type="text/javascript">
      $("document").ready(function() {
      alert ("Hello World");
      });
     </script>
   </head>
  <body>
  </body>
</html>

jQuery，初学者问候世界页面

4 个答案: