jQuery インストール

jQueryをウェブページに追加する

jQueryを使用するには、jQuery ライブラリ(以下に説明します)をダウンロードして、使用したいウェブページに含めます。

jQuery ライブラリは JavaScript ファイルであり、HTMLの <script> タグを使用して参照できます:

<head>
<script src="jquery.js"></script>
</head>

请注意,<script> タグはページの <head> 部分に配置されるべきです。

ヒント:なぜ<script>タグでtype="text/javascript"を使用していないのか、疑問に思われますか?

HTML5では、それを行う必要はありません。JavaScriptはHTML5およびすべての現代ブラウザでのデフォルトのスクリプト言語です!

jQueryをダウンロード

jQueryには2つのバージョンがダウンロードできます:

  • プロダクション版 - 実際のサイトで使用される、精簡および圧縮されたもの
  • 開発版 - テストや開発用(圧縮されていない、読みやすいコード)

この2つのバージョンは以下からダウンロードできます: jQuery.com ダウンロード。

ヒント:ダウンロードファイルをページと同じディレクトリに配置すると、より使いやすくなります。

代替案

jQueryをダウンロードして保存せずに、CDN(コンテンツディストリビューションネットワーク)を通じてそれを使用することもできます。

GoogleとMicrosoftのサーバーにはjQueryが保存されています。

GoogleやMicrosoftからjQueryをリファレンスするには、以下のいずれかのコードを使用してください:

Google CDN:

<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)から1つの数字を削除すると、Googleは1.8シリーズで最新の利用可能なバージョン(1.8.0、1.8.1など)を返します。または、最初の数字のみを残すと、Googleは1.1.0から1.9.9までの最新の利用可能なバージョンを返します。

Microsoft CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

自分で試してみてください

ヒント:GoogleやMicrosoftのjQueryを使用する大きな利点は:

多くのユーザーは他のサイトを訪れる際に、GoogleやMicrosoftからjQueryを既にロードしています。その結果、ユーザーがあなたのサイトにアクセスすると、キャッシュからjQueryがロードされ、これによりロード時間が短縮されます。また、多くのCDNはユーザーがファイルをリクエストする際に、ユーザーに最も近いサーバーから応答を返すことを保証しており、これによりロード速度も向上します。