jQueryのインストール
jQueryのページを追加します
ウェブページ内のjQueryを追加するいくつかの方法があります。 次の方法を使用することができます。
- jquery.com jQueryライブラリをダウンロード
- あなたは、GoogleからjQueryのをロードすると、CDNからjQueryのをロード
jQueryのダウンロード
jQueryのの2つのバージョンがダウンロードできますがあります。
- 製造バージョン - 実際のサイトのために使用が合理化と小型化されています。
- 開発版 - テストと開発のための(圧縮されていない、読みやすいコード)
これらの2つのバージョンはから入手可能であるjquery.comのダウンロード。
jQueryのは、JavaScriptライブラリファイルは、あなたがそれを参照するHTMLの<script>タグを使用することができます:
<ヘッド>
<スクリプトSRC = "jqueryの-1.10.2.min.js"> </スクリプト>
</ HEAD>
<スクリプトSRC = "jqueryの-1.10.2.min.js"> </スクリプト>
</ HEAD>
ヒント:あなたはjQueryのを使用することができ、ページと同じディレクトリ内のファイルをダウンロードします。
あなたが迷っている場合は、なぜ私たちは、<スクリプト>タグでタイプ= "テキスト/ javascriptの"を使用しませんでしたか? HTML5では、あなたはそれをしません。 JavaScriptがHTML5であり、すべての最新ブラウザのデフォルトのスクリプト言語! |
代替
あなたはjQueryのをダウンロードして保存したくない場合は、それはまた、CDN(コンテンツ配信ネットワーク)によって、それを参照することができます。
Baiduは、彼らは雲を撃つ、シーナ、GoogleとMicrosoftのサーバーはすべてのjQueryを持っています。
あなたのサイトがユーザである場合、それは百度を使用することが推奨され、彼らは雲を撮影し、シーナと他の国内CDNアドレスは、あなたが海外のサイトのユーザーである場合、GoogleやMicrosoftを使用することができます。
注意:このサイトの例としては、BaiduのjQueryのCDNライブラリを使用しています。
百度から、彼らは雲を撮影するために、シーナ、GoogleやMicrosoftがjQueryの、次のいずれかのコードを使用して引用しました:
このチュートリアルのCDN:
<ヘッド>
<SCRIPT SRC = "http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</スクリプト>
</ HEAD>
<SCRIPT SRC = "http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</スクリプト>
</ HEAD>
»をお試しください
BaiduのCDN:
<ヘッド>
<SCRIPT SRC = "http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</スクリプト>
</ HEAD>
<SCRIPT SRC = "http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</スクリプト>
</ HEAD>
»をお試しください
クラウドCDNを撃ちます:
<ヘッド>
<SCRIPT SRC = "http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</スクリプト>
</ HEAD>
<SCRIPT SRC = "http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</スクリプト>
</ HEAD>
»をお試しください
シーナCDN:
<ヘッド>
<SCRIPT SRC = "http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</スクリプト>
</ HEAD>
<SCRIPT SRC = "http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</スクリプト>
</ HEAD>
»をお試しください
GoogleのCDN:
<ヘッド>
<SCRIPT SRC = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</スクリプト>
</ HEAD>
<SCRIPT SRC = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</スクリプト>
</ HEAD>
»をお試しください
GoogleのCDNを介して利用可能な最新バージョンを取得するには: 製品のバージョンを取得するためにGoogleのCDNを使用することは推奨されません中国のためのGoogleの非常に不安定です。 URLでのjQueryのバージョン(1.8.0)を指定します - あなたは、GoogleのURLが何を観察した場合。 あなたはjQueryの最新バージョンを使用したい場合、あなたはまた、バージョン文字列の末尾から番号を削除することができます(たとえば、この場合は1.8)には、Googleが利用可能な最新バージョンでは1.8シリーズ(1.8.0,1.8.1など)を返しますか、最初の数であってもよい、Googleは(1.1.0から1.9.9まで)利用可能な最新バージョンのシリーズを返します。 |
マイクロソフトCDN:
<ヘッド>
<SCRIPT SRC = "http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</スクリプト>
</ HEAD>
<SCRIPT SRC = "http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</スクリプト>
</ HEAD>
»をお試しください
彼らは雲を撃つ、Baiduのを使用して、シーナ、GoogleやマイクロソフトjQueryのは、大きな利点があります: 多くのユーザーが他のサイトにアクセスし、百度から成長してきた、彼らは雲、jQueryのオーバーシーナ、Googleやマイクロソフトの負荷を撃ちます。 彼らはあなたのサイトを訪問したときの結果のすべては、jQueryのは、このように、ロード時間を短縮し、キャッシュからロードされます。 同時に、CDNのほとんどは、ユーザーがそこにファイルを要求すると、サーバーから離れたユーザーの最新の応答からなることを保証することができますので、あなたも速くロードすることができます。 |