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は、ユーザーがファイルを要求すると、最も近いサーバーからファイルが提供されることを確認します。これにより、読み込み時間が短縮されます。