第2章　jQueryはじめに

# **jQueryはじめに**

***

## **1.WebページにjQueryを追加する**
WebサイトでjQueryを使い始めるにはいくつかの方法があります。
* jQuery.comからjQueryライブラリをダウンロード。
* GoogleのようにCDNからjQueryを含める

<br>

## **2.jQueryをダウンロードする**
ダウンロード可能なjQueryには2つのバージョンがあります。
* 製品版 - 縮小および圧縮されているため、これはライブWebサイト用です。
* 開発版 - これはテストと開発のためのものです（非圧縮で読み取り可能なコード）

どちらのバージョンもjQuery.comからダウンロードできます。

jQueryライブラリは単一の`JavaScript`ファイルであり、HTML `<script>`タグを使用して参照します（`<script>`タグは`<head>`セクション内にある必要があります）。

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

>ヒント：ダウンロードしたファイルは、使用するページと同じディレクトリに配置してください。

>**`<script>`タグの内側にtype = "text / javascript"がないのはなぜだろうか。**これはHTML 5では必要ありません。JavaScriptは、HTML 5および最近のすべてのブラウザのデフォルトのスクリプト言語です。

## **3.jQuery CDN**
自分でjQueryをダウンロードしてホストしたくない場合は、CDN（Content Delivery Network）から含めることができます。

GoogleとMicrosoftの両方がjQueryをホストしています。

GoogleまたはMicrosoftのjQueryを使用するには、次のいずれかを使用してください。

+ **Google CDN：**

```
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
```
+ **マイクロソフトCDN：**

```
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</head>
```
> **GoogleまたはMicrosoftのホスト型jQueryを使用することの大きな利点：** 
>>他のサイトにアクセスするときに、多くのユーザーがすでにGoogleまたはMicrosoftからjQueryをダウンロードしています。その結果、サイトにアクセスしたときにキャッシュからロードされるため、ロード時間が短縮されます。また、ほとんどのCDNでは、ユーザーがそこからファイルを要求すると、それに最も近いサーバーから確実にサービスが提供されるようになります。これも読み込み時間の短縮につながります。

content

第2章 jQueryはじめに

第2章　jQueryはじめに