2.1 安裝 jQuery

方式一：自行下載安裝

點進去官網網址後，如下圖，看到「Download jQuery」按鈕，點進去。

然後出現如下畫面：

找到上圖的連結文字「Download the compressed, production jQuery 3.4.1」，點擊進去，出現如下畫面：

在 jquery/practice/vendors/jquery/ 資料夾中，建立檔名 jquery-3.4.1.min.js ，然後將上圖的原始碼全部複製，貼進剛建立的檔案並儲存。

然後在頁面上載入，開啟 jquery/practice/index.html 檔案，改成如下(載入 jQuery 檔案，放在 </body> 之前)：

<!doctype html>
<html lang="zh-Hant">
  <head>
    <meta charset="utf-8">
    <title>jQuery 相關練習</title>
  </head>
  <body>
    
    <script src="./vendors/jquery/jquery-3.4.1.min.js"></script>
  </body>
</html>

在該頁面就可以使用 jQuery 函式庫了。

方式二：使用 CDN

在下載頁面當中，找到「Google CDN」的連結，如下畫面：

然後點擊進去，複製下圖圈選起來的 script 標籤原始碼：

即：

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

將上述 script 標籤，放到你要載入的頁面即可，建議放在 </body> 之前。

方式三：在 CodePen 上安裝

直接按 Settings → JS，搜尋 jquery，選擇正確的版本，再按 Save & Close 即可。如下示意：

Previous2 安裝 jQuery Next2.2 試試看：基本語法

Last updated 4 years ago