ホームページ > 記事 > ウェブフロントエンド > MacにjQueryをインストールする
MacにjQueryをインストールする
- WBOYオリジナル
- 2023-05-14 13:13:37649ブラウズ
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 サイトの他の関連記事を参照してください。