[操作手順]
→公式サイトよりjQueryのファイルをDLする
http://jquery.com/download/
以下、どちらかひとつでOKです。
※今回はjQuery 1.x 系で話を進めます
※バージョンが異なる際は、適宜読み替えてDLする
jQuery 1.x 系（互換性を優先。オールドブラウザを幅広くサポート。）
Download the compressed, production jQuery 1.11.3
jQuery 2.x 系（ファイルサイズ、パフォーマンスを優先。モダンブラウザに最適化。）
Download the compressed, production jQuery 2.1.4
→以下のディレクトリ構成でjQueryのファイル（jsファイル）を設置する
\HTML\index.html
\HTML\js
\HTML\js\jquery-1.11.3.min.js
\HTML\css
\HTML\css\common.css
→index.htmlでjQueryのファイル（jsファイル）を読み込む為の設定を書く
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> <link type="text/css" rel="stylesheet" href="css/common.css" /> </head> <body> </body> </html> |
→以上でjQueryの使用環境が整いました
別途、任意のjQueryプラグインを同様の手順で組み込んで使用します