【jQuery】jQuery ~ 入門編 ~

jQuery のダウンロード

[1] 以下のサイトから、「Development」をチェックして、jQueryをダウンロードする
http://jquery.com/
FireFoxなどの場合、ソースコードが見えてしまうので、それを全選択+コピペし、UTF-8形式で、「jquery.js」の名前で保存する

サンプル

* ボタン押下したら、「ここが書き換わる」→「Hello world!!」に書き換わる
※下のファイルと同じ階層に「jquery.js」を置いておくこと
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function sampleFunction()
{
  $("#sample").html("Hello world!!");
}
</script>
</head>
<body>
<h1>jqueryの「Hello world!」</h1>
<button onclick="sampleFunction()">Click!</button>
<hr>
<div id="sample">ここが書き換わる</div>
</body>
</html>