jQueryを利用するのには2通りの方法がある。
1.JQueryをダウンロードする
2.ダウンロードせず、インターネット上で利用する
今回は、1の必要が生じなければ2でやってみたいと思う。
jQueryをHTMLで利用する際の記述
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-V.E.R.min.js"></script>
※V.E.Rはバージョンを指す。
また、jQueryを利用するどのソースコードよりも先に組み込む。
jQueryのソースコードを組み込む
上記のjQueryの後であれば<head>内でも<body>内でもよい。
・独立したソースコードを組み込む
・ソースコードを直接記述する
の２通り方法があるが、独立したファイルを組み込むほうがよい。
first.html
<!DOCTYPE html>
<html>
<head>
<title>タイトル</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="myscript.js"></script>
<!--↑が独立したjQueryのソースコード-->
<script>// <![CDATA[
jQuery(function($) {
$('<span>', {text: 'テキスト'}).appendTo('div');
});
// ]]></script>
</head>
<body>
</body>
</html>
myscript.jsも作成したんですが、
このHTMLはずっとテキスト部分が表示されずになんでかなと思ってたら
appendじゃなくてapeendって書いてました。ベタ。