如何導入本地jquery

在前端開發中，jQuery 作為一個強大的 JavaScript 函式庫，被廣泛的使用。而如果我們想要在本地導入jQuery，常見的方法有以下幾種：

一、透過CDN 引入

最常見的導入jQuery 的方式就是透過CDN（內容分發網路） 。 jQuery 的官方宣傳稱他們在Google、Microsoft、CDNJS、jsDelivr 等多個平台都有提供CDN 服務，我們可以直接複製對應的連結並在HTML 檔案的head 標籤中引入即可，例如：

<!-- jquery cdn  -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

二、下載並本地化

如果在使用過程中未能聯網，可以從官網上下載jQuery 並將它存儲在本地，如將其存儲在項目所在的資料夾（如js 文件夾）中，然後引入即可，例如：

<!--   引入本地的jquery文件 -->
<script src="./js/jquery.min.js"></script>

這種方法雖然有時候會增加網頁的載入時間，但也方便了離線工作，便於管理專案程式碼。

三、使用 NPM 安裝

當我們使用 Webpack 等打包工具進行專案的開發時，通常也會使用 NPM 進行安裝。此時，我們可以透過以下命令來安裝jQuery：

npm install jquery --save

安裝完成後，我們可以在JavaScript 檔案中使用import 語句來引入，例如：

import $ from 'jquery';

需要注意的是，在使用NPM 安裝jQuery 後，我們需要在專案中配置對應的建置工具（如Webpack）來處理jQuery 的打包和輸出問題。

以上就是幾種比較常見的導入本機 jQuery 的方法。使用時我們可以根據實際情況來選擇最適合我們的方式。

以上是如何導入本地jquery的詳細內容。更多資訊請關注PHP中文網其他相關文章！