MacにjQueryをインストールする-フロントエンドQ&A-php.cn

MacにjQueryをインストールする

WBOY

リリース： 2023-05-14 13:13:37

オリジナル

630 人が閲覧しました

Web テクノロジーの発展に伴い、JavaScript は非常に重要なプログラミング言語になりました。フロントエンド開発では、開発を簡素化するためにいくつかの JavaScript ライブラリを使用する必要があることがよくあります。 jQuery は、最も人気のある JavaScript ライブラリの 1 つです。 DOM を簡単に操作してイベントを処理できるシンプルで使いやすい API を提供し、開発者がインタラクティブなページをより迅速に構築できるようにします。この記事では、Mac に jQuery をインストールする方法を説明します。

準備

jQueryをインストールする前に、まずNode.jsをインストールする必要があります。 Node.js は、Chrome V8 エンジンに基づいた JavaScript 実行環境です。サーバー上で JavaScript を実行できます。また、JavaScript ライブラリのインストールと管理を容易にする npm (Node Package Manager) パッケージ管理ツールも提供します。

Node.js を Mac にインストールするにはさまざまな方法があります。ここではそのうちの 1 つを紹介します:

Node.js 公式 Web サイト (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

ログイン後にコピー

コマンド実行時その後、Mac に jQuery が正常にインストールされました。

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>

ログイン後にコピー

ターミナルでテストフォルダーを入力し、ローカルサーバーを起動します。

cd ~/Desktop/test
python -m SimpleHTTPServer

ログイン後にコピー

ブラウザで http://localhost:8000 にアクセスします。 Index.html を見ると、H1 タグに赤色のスタイルが追加されていることがわかります。

結論

この記事では、Mac に jQuery をインストールする方法について説明します。まず Node.js をインストールし、次に npm パッケージ管理ツールを使用して jQuery をインストールし、最後に HTML ファイルを作成して jQuery が正しくインストールされているかどうかをテストする必要があります。この記事で紹介した方法以外にも、読者がご自身で検討できるインストール方法がいくつかあります。 jQuery の強力な機能により、jQuery は Web 開発に不可欠な要素となっており、この記事が読者の助けになれば幸いです。

以上がMacにjQueryをインストールするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。