jQuery はじめに

❮ 前章へ 次章へ ❯

Web ページへの jQuery 追加

Web サイトで jQuery を使用するにはいくつかの方法があります:


jQuery のダウンロード

ダウンロード可能な jQuery には 2 つのバージョンがあります:

両方とも jQuery.com からダウンロードできます。

jQuery ライブラリは、単一の JavaScript ファイルで、HTML <script> タグで参照します (<script> タグは <head> セクション内になければならないことに注意してください):

<head>
<script src="jquery-1.12.4.min.js"></script>
</head>

チップ: 上は、適用したいページと同じディレクトリにダウンロード・ファイルを配置した場合の例です。

<script> タグ内に、type="text/javascript" を指定していないことを不思議に思いませんでしたか?

これは、HTML5 では必要とされていません。JavaScript は、HTML5 および全ての最新ブラウザにおけるデフォルトのスクリプト言語のためです!


jQuery CDN

ダウンロードして、jQuery をホストに置きたくない場合は、CDN (Content Delivery Network) からインクルードすることができます。

Google と Microsoft の双方から可能です。

Google または Microsoft を使用する場合は、次の何れかの方法を使用します:

Google CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
Try it Yourself »

Microsoft CDN:

<head>
<script src="https://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
</head>
Try it Yourself »

Google や Microsoft のホストさた jQuery を使用する大きな利点:

多くのユーザは、他のサイトを訪問した際に、既にGoogleやMicrosoftからjQueryをダウンロードしてしまっています。 その結果、あなたのサイトを訪問するときには、ロード時間の早いキャッシュからロードされます。 また、CDN は、ユーザがファイルを要求した際に、ロードが高速になるよう最っも近いサーバから取得します。

❮ 前章へ 次章へ ❯