@ PHP

jQueryファイルの読み込み

jQueryを利用する場合、jQuery のライブラリー本体を読み込む必要があります。「ダウンロードしたファイルを読み込む」「Googleにホストされているライブラリから読み込む」などいくつか方法はありますが、今回は公式サイトからダウンロードしたファイルを利用する方法を紹介します。

jQueryファイルのダウンロード

jQuery の公式サイトにアクセスします。

http://jquery.com/

サイト右上の「Download jQuery」をクリックします。

jQueryのライブラリ(2016/11/6 現在のjQuery最新バージョンは3.1.1)は、
・圧縮版 → 「Download the compressed, production jQuery 3.1.1」
・非圧縮版 → 「Download the uncompressed, development jQuery 3.1.1」
の2つが用意されています。

圧縮版ではコメント・空白・改行を削除しているので、読み込み速度が向上します。圧縮版を使うようにしましょう。

jQueryファイルの読み込み

ダウンロードした jQuery ファイルを読み込みます。HTML の script 要素に以下コードを記述すれば完了です。

load.html

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>jQuery sample</title>
<link rel="stylesheet" href="css/styles.css" />
</head>

<body>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/scripts.js"></script>
</body>

</html>