jQueryはじめに
WebページへのjQueryの追加
WebサイトでjQueryの使用を開始する方法はいくつかあります。あなたはできる:
- jQuery.comからjQueryライブラリをダウンロードします
- GoogleなどのCDNからjQueryを含める
jQueryのダウンロード
ダウンロード可能なjQueryには次の2つのバージョンがあります。
- 本番バージョン-縮小および圧縮されているため、これはライブWebサイト用です
- 開発バージョン-これはテストと開発用です(非圧縮で読み取り可能なコード)
どちらのバージョンもjQuery.comからダウンロードできます。
jQueryライブラリは単一のJavaScriptファイルであり、HTML<script>
タグを使用して参照します(<script>
タグはセクション内にある必要があることに注意してください<head>
)。
<head>
<script src="jquery-3.5.1.min.js"></script>
</head>
ヒント:ダウンロードしたファイルを、使用するページと同じディレクトリに配置します。
jQuery CDN
jQueryを自分でダウンロードしてホストしたくない場合は、CDN(コンテンツ配信ネットワーク)からjQueryを含めることができます。
Googleは、jQueryをホストしている人の例です。
Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
GoogleからホストされているjQueryを使用する大きな利点の1つは、
多くのユーザーが別のサイトにアクセスしたときにすでにGoogleからjQueryをダウンロードしていることです。その結果、サイトにアクセスしたときにキャッシュから読み込まれるため、読み込み時間が短縮されます。また、ほとんどのCDNは、ユーザーがファイルを要求すると、最も近いサーバーからファイルが提供されることを確認します。これにより、読み込み時間が短縮されます。