mac上安裝jquery-前端問答-PHP中文網

mac上安裝jquery

WBOY

發布： 2023-05-14 13:13:37

原創

571 人瀏覽過

隨著 Web 技術的發展，JavaScript 成為了一門十分重要的程式語言。在前端開發中，我們常常需要使用一些 JavaScript 函式庫來簡化開發。而 jQuery 就是一款十分流行的 JavaScript 函式庫之一。它提供了簡潔易用的 API，能夠方便地操作 DOM 和處理事件，幫助開發者更快地建立互動式頁面。本文將介紹如何在 Mac 上安裝 jQuery。

準備工作

在安裝 jQuery 之前，需要先安裝 Node.js。 Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境，它使得 JavaScript 可以在服務端運行，同時也提供了 npm（Node Package Manager）套件管理工具，方便我們安裝和管理 JavaScript 庫。

在Mac 上安裝Node.js 的方法有很多，這裡介紹其中之一：

#訪問Node.js 官方網站（https://nodejs.org/），下載適合你Mac 版的安裝包。
開啟安裝包，依照指示完成安裝。
在終端機中輸入以下指令，檢查 Node.js 是否安裝成功：

node -v

登入後複製

如果能夠正常輸出 Node.js 的版本號，則表示安裝成功。

安裝 jQuery

安裝 Node.js 並不代表 jQuery 已經安裝好了。 jQuery 是一個純 JavaScript 函式庫，需要透過 npm 套件管理工具來安裝。

在終端機中輸入以下指令，安裝jQuery：

npm install jquery

登入後複製

如果沒有權限進行全域安裝，則需要在指令前面加上sudo：

sudo npm install -g jquery

登入後複製

當指令執行完畢後，jQuery 就已經成功安裝到Mac 上了。

測試 jQuery

為了驗證 jQuery 是否正確安裝，我們可以新建一個 HTML 文件，並在其中引入 jQuery 庫。為了方便，可以先在桌面上新建一個資料夾，並命名為 test，然後在其中新建一個 index.html 檔案。在index.html 檔案中輸入以下程式碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test jQuery</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $("h1").css("color", "red");
        });
    </script>
</head>
<body>
    <h1>Hello, jQuery!</h1>
</body>
</html>

登入後複製

在終端機中進入test 資料夾，並啟動一個本機伺服器：

cd ~/Desktop/test
python -m SimpleHTTPServer

登入後複製

在瀏覽器中存取http://localhost:8000 /index.html，就可以看到在H1 標籤中加入了紅色的顏色樣式。

結語

本文介紹如何在 Mac 上安裝 jQuery。首先需要安裝 Node.js，然後使用 npm 套件管理工具安裝 jQuery，最後透過建立一個 HTML 檔案來測試 jQuery 是否正確安裝。除了本文介紹的方法，還有一些其他的安裝方式，讀者可以自行探索。 jQuery 的強大功能使得它成為了 Web 開發中不可或缺的一部分，希望本文能為讀者提供一些幫助。

以上是mac上安裝jquery的詳細內容。更多資訊請關注PHP中文網其他相關文章！