クリックイベントを書いてみる。

<script>
$(function(){
    $("#test").click(function(){
	$("#test").load("kinenbi.txt");	
    });
});
</script>
</head>
<body>
	<p id="test" style="background:#ccc;" >hello</p>

結果：やさしくjQueryってくれた。

余計なことですけど、こういう書き方って、htmlドキュメント書いている人には、とても理解しやすい。
こういうこと考える人、きっとそういうことをわかってくれているんだなって感じがして、ちょっといい気分。

ADD20080115

Events | jQuery API Documentationに詳細に記述がありました。

以下のコードでは、エスケープキーが押された時に、アラートが表示されます。
キーコードを調べるには、Javascript keyCode checker tool

<script type="text/javascript">
<!--
(function($){
$(document).keyup(function(event){
    if (event.keyCode == 27) {
        alert('escaped!');
    }
});
		
})(jQuery);

//-->
</script>

~~イベントは、~~

.click(function(){...{)};
.dblclick(function(){...{)};
.mousedown(function(){...{)};
mouseover
mouseup
mousemove
mouseout
keyup
keydown
keypress

を使うことが出来た。

他のイベントを使いたい時には、

blur focus load resize scroll

unload click dblclick mousedown mouseup

|mousemove|mouseover|mouseout|change|select|

submit keydown keypress keyup error

クリック、ダブルクリック、マウスダウン以外は、バインドを使わないと、ハンドリングできないと思って試したが
bindがうまく動作してくれなかった。（1.2.1）
リファレンスなどでは、bindを使ったサンプルコードがうまく動いているようなので、何か、間違いがあるんだと思うが、理由はまだ見つからない。
ただ、クリックイベントと同様の方法で、大抵のイベントが、ハンドリングできそうな雰囲気なので、次に進む。

blur	focus	load	resize	scroll
unload	click	dblclick	mousedown	mouseup