jQuery，初學者你好世界頁面

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>

工作演示

檢查頁面后，鏈接到的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 個解決方案

解決方案1
4 已采納 2014-03-27 01:41:23

解決方案2
0 2014-03-27 01:40:28

解決方案3
0 2014-03-27 01:45:29

解決方案4
0 2014-03-27 01:46:14

jQuery，初學者你好世界頁面

問題描述

4 個解決方案

解決方案1 4 已采納 2014-03-27 01:41:23

解決方案2 0 2014-03-27 01:40:28

解決方案3 0 2014-03-27 01:45:29

解決方案4 0 2014-03-27 01:46:14

解決方案1
4 已采納 2014-03-27 01:41:23

解決方案2
0 2014-03-27 01:40:28

解決方案3
0 2014-03-27 01:45:29

解決方案4
0 2014-03-27 01:46:14