ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryのインストール方法

jQueryのインストール方法

藏色散人
藏色散人オリジナル
2020-11-10 11:29:263776ブラウズ

jquery をインストールする方法: 1. jQuery ライブラリを「jquery.com」からダウンロードし、jQuery を Web ページに追加します; 2. CDN から jQuery を読み込みます (Google から jQuery を読み込むなど)。

jQueryのインストール方法

このチュートリアルの動作環境: Windows10 システム、jquery1.10.2。この記事はすべてのブランドのコンピューターに適用されます。

推奨: 「jquery ビデオ チュートリアル

jQuery のインストール

Web ページ jQuery の追加

jQuery を Web ページに追加するには、さまざまな方法があります。次の方法を使用できます:

  • jquery.com から jQuery ライブラリをダウンロード

  • CDN から jQuery をロードする (Google から jQuery をロードするなど)

jQuery のダウンロード

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

  • 製品バージョン -実際の Web サイトで使用するために、合理化および圧縮されています。

  • 開発バージョン - テストおよび開発用 (非圧縮、読み取り可能なコード)

上記の両方のバージョンは、jquery .com ダウンロードから入手できます。

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

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

ヒント: ダウンロードしたファイルを Web ページの同じディレクトリに置きます。 jQuery を使用することもできます。

lamp なぜ <script> タグで type="text/javascript" を使用しないのか疑問に思いませんか? </script>

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

代替手段

jQuery をダウンロードしてホストしたくない場合は、CDN (コンテンツ配信ネットワーク) を通じて参照することもできます。

Staticfile CDN、Baidu、Youpaiyun、Sina、Google、Microsoft サーバーはすべて jQuery を備えています。

サイト ユーザーが国内の場合は、Baidu、Youpaiyun、Sina などの国内 CDN アドレスを使用することをお勧めします。サイト ユーザーが海外の場合は、Google と Microsoft を使用できます。

Staticfile CDN、Youpaiyun、Sina、Google、または Microsoft から jQuery を参照するには、次のコードのいずれかを使用してください:

Staticfile CDN:
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>
百度 CDN:
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>
又拍云 CDN:
<head>
<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>

Sina CDN:

<head>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>
Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

lamp いいえ、です。 Google 製品は中国では非常に不安定であるため、Google CDN を使用してバージョンを取得することを強くお勧めします。

Microsoft CDN:
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
</head>

lamp Staticfile CDN、Baidu、Youpaiyun、Sina、Google、または Microsoft の jQuery を使用することには大きな利点があります:

多くのユーザーは、他のサイトにアクセスするときにすでに Baidu から開始しています。 Sina、Google、または Microsoft は jQuery をロードしています。その結果、ユーザーがサイトにアクセスすると、jQuery がキャッシュから読み込まれ、読み込み時間が短縮されます。同時に、ほとんどの CDN は、ユーザーがファイルを要求すると、ユーザーに最も近いサーバーから応答が返されることを保証するため、読み込み速度も向上します。

jQuery バージョン

ブラウザのコンソール ウィンドウで $.fn.jquery コマンドを使用すると、現在の jQuery バージョンを表示できます:

jQueryのインストール方法

関連する無料学習の推奨事項: JavaScript (ビデオ)

以上がjQueryのインストール方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。