ホームページ > 記事 > ウェブフロントエンド > ローカルのjQueryをインポートする方法
フロントエンド開発では、jQuery は強力な JavaScript ライブラリとして広く使用されています。 jQuery をローカルにインポートする場合の一般的な方法は次のとおりです:
1. 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>
2. ダウンロードとローカライズ
使用中にインターネットに接続できない場合は、公式 Web サイトから jQuery をダウンロードし、プロジェクトが存在するフォルダーに保存するなど、ローカルに保存できます。 (js ファイル フォルダーなど) を見つけてインポートします。例:
<!-- 引入本地的jquery文件 --> <script src="./js/jquery.min.js"></script>
この方法では、Web ページの読み込み時間が長くなることがありますが、オフラインでの作業が容易になり、プロジェクト コードの管理も容易になります。
3. NPM を使用したインストール
Webpack などのパッケージ化ツールを使用してプロジェクトを開発する場合、通常はインストールに NPM を使用します。この時点で、次のコマンドを使用して jQuery をインストールできます:
npm install jquery --save
インストールが完了したら、JavaScript ファイル内の import ステートメントを使用して jQuery を導入できます。例:
import $ from 'jquery';
「NPM を使用して jQuery をインストールした後」では、jQuery のパッケージ化と出力の問題を処理するために、プロジェクト内の対応するビルド ツール (Webpack など) を構成する必要があることに注意してください。
上記は、ローカル jQuery をインポートするいくつかの一般的な方法です。使用する場合は、実際の状況に応じて最適な方法を選択できます。
以上がローカルのjQueryをインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。