jQuery を使用するには、jQuery ライブラリ (以下で説明) をダウンロードし、使用する Web ページにそれを含める必要があります。
jQuery ライブラリは、HTML <script> タグを使用して参照する JavaScript ファイルです。
<head> <script src="jquery.js"></script> </head>
<script> タグはページの <head> セクションに配置する必要があることに注意してください。
ヒント: なぜ <script> タグで type="text/javascript" を使用しなかったのか疑問に思いませんか?
HTML5 では、その必要はありません。 JavaScript は、HTML5 およびすべての最新のブラウザーのデフォルトのスクリプト言語です。
ダウンロードできる jQuery には 2 つのバージョンがあります:
両方のバージョンは、jQuery.com からダウンロードできます。
ヒント: ダウンロードしたファイルをページと同じディレクトリに置くと、より使いやすくなります。
jQuery をダウンロードして保存したくない場合は、CDN (コンテンツ配信ネットワーク) を通じて参照することもできます。
Google と Microsoft はサーバー上で jQuery をホストしています。
Google または Microsoft の jQuery を引用するには、次のコードのいずれかを使用します。
<head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> </head>
ヒント:Google CDN 経由で利用可能な最新バージョンを入手してください:
Google URL を観察すると、URL には jQuery バージョン (1.8.0) が指定されています。 最新バージョンの jQuery を使用したい場合は、バージョン文字列の末尾から数字をドロップすることもできます (この例では 1.8 など)。Google は 1.8 シリーズの利用可能な最新バージョン (1.8.0、1.8.0. 1 など)、または最初の番号だけを残すこともできます。その場合、Google は 1 シリーズで利用可能な最新バージョン (1.1.0 から 1.9.9) を返します。
<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>
ヒント: Google または Microsoft の jQuery を使用すると、次のような大きな利点があります。
多くのユーザーは、他のサイトにアクセスするときに、すでに Google または Microsoft から jQuery をロードしています。 つまり、ユーザーがサイトにアクセスすると、jQuery がキャッシュから読み込まれるため、読み込み時間が短縮されます。 同時に、ほとんどの CDN は、ユーザーがファイルを要求したときに、ユーザーに最も近いサーバーから応答が返されることを保証できるため、読み込み速度も向上します。