ホームページ > ウェブフロントエンド > フロントエンドQ&A > ローカルのjQueryをインポートする方法

ローカルのjQueryをインポートする方法

PHPz
リリース: 2023-04-17 10:59:05
オリジナル
2952 人が閲覧しました

フロントエンド開発では、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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート