[HTML/CSS]jQueryの使い方（初期設定）

[操作手順]
→公式サイトより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ファイル）を読み込む為の設定を書く

<!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>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>無題ドキュメント</title>

</head>

<body>

</body>

</html>

→以上でjQueryの使用環境が整いました
別途、任意のjQueryプラグインを同様の手順で組み込んで使用します

この記事を書いた人

yellow

パズルファクトリー制作ノート

この記事を書いた人

新着記事

Practice is better than precept.