最新のWeb開発のチュートリアル
 

jQuery始めます


あなたのWebページへのjQueryの追加

あなたのウェブサイト上でのjQueryを使用して起動する方法はいくつかあります。 あなたはできる:

  • jQuery.comからjQueryライブラリをダウンロード
  • CDNから、GoogleのようなjQueryのを含めます

jQueryのダウンロード

ダウンロードできるのjQueryの2つのバージョンがあります。

  • 製造バージョンは、 - それが縮小され、圧縮されているので、これはあなたのライブのウェブサイトのためのものです
  • 開発版 - これはテストや開発のためである(非圧縮および読み取り可能なコード)

どちらのバージョンからダウンロードすることができますjQuery.com

jQueryライブラリは、単一のJavaScriptファイルで、あなたはHTMLでそれを参照<script>タグ(という通知<script>タグは内にある必要があり<head>セクション):

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

ヒント:あなたはそれを使用したいページと同じディレクトリにダウンロードしたファイルを配置します。

私たちが持っていないなぜあなたは不思議行うtype="text/javascript"内側<script>タグを?

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


jQueryのCDN

あなた自身をダウンロードするとjQueryをホストしたくない場合は、CDN(コンテンツ配信ネットワーク)からそれを含めることができます。

GoogleとMicrosoftのホストjQueryの両方。

GoogleやマイクロソフトからのjQueryを使用するには、次のいずれかを使用します。

GoogleのCDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
»それを自分で試してみてください

マイクロソフトCDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
</head>
»それを自分で試してみてください

GoogleやMicrosoftのホストされているのjQueryを使用する1つの大きな利点:

別のサイトを訪問すると、多くのユーザーが既にGoogleやMicrosoftからのjQueryをダウンロードしています。 彼らはより速くロード時間に導くあなたのサイトを訪問するときその結果、キャッシュからロードされます。 また、ほとんどのCDNのは、ユーザーがそれからファイルを要求したら、また、より速くロード時間につながる、それらに最も近いサーバから提供されることを確認します。