jQueryを利用するHTMLのテンプレートは次の通りです。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery (1)</title>
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
</head>
<body>
<h1>jQuery組み込み方法</h1>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery (1)</title>
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
</head>
<body>
<h1>jQuery組み込み方法</h1>
<p>jQueryライブラリをscriptタグで読み込みます。</p>
</body>
</html>
ここでは、jquery-1.4.2.min.js を利用しています。「jQuery: The Write Less, Do More, JavaScript Library」からダウンロード可能です。
上記のサンプルを動かすためには、jquery-sampleディレクトリを作成し、その中にhtmlディレクトリとjsディレクトリを用意します。htmlディレクトリの中に、上記のコードをsample01.htmlとして保存し、jsディレクトリには、ダウンロードしたjquery-1.4.2.min.jsをおきます。
あとは、ブラウザから、jquery-sample/html/sample01.html へアクセスすればいいだけです。