jQueryの読み込み方

jQueryを利用するには、あらかじめjQueryを読み込んでおく必要があります。読み込み方については主に以下の2つです。

ダウンロードして読み込む方法

まずは、jQueryの公式サイトからjQueyをダウンロードします。

jQueryの公式ページの右上「Download jQuery」からファイルをダウンロードしてください。ダウンロードしたファイルはルート階層に「js」フォルダを作ってそこに保存します。

<script type="text/javascript" src="js/jquery.min.js"></script>

CDN (コンテンツデリバリネットワーク)を利用する方法

Googleがホスティングしているものを読み込んで使用します。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Googleがホスティングしているものを読み込めなかった場合に、サーバー上のjQueryを読み込みに行くように下記のように記述しておきます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/jquery-3.1.0.min.js"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span><\/script>');</script>

以上が、jQueryの読み込み方でした。

Leave a Comment