キャンペーン、サンネットブログ｜jQueryでのイベントハンドラの登録・削除

再びこんにちは、松原です。
最近サボってたのと自分へのメモとして本日はもう１本書きたいと思います。

jQueryでマウスやキーボードのイベントの処理はかんたんに出来ます。

<p id="a">クリック</p>
<script type="text/javascript">
$(function() {
	$('#a').click(function() {
		alert($(this).html());
	}
}

上記はid属性が a の要素のクリックイベントに対するハンドラの登録にclick関数を使用しています。
またbind関数を使用して上記と同様にハンドラの登録を行うことも出来ます。

// id属性が a の要素のクリックイベントに対するハンドラの登録
$('#a').bind('click', function() {
	alert($(this).html());
}

unbind関数を使用してハンドラの削除を行うことが出来ます。

// id属性が a の要素のクリックイベントに対するハンドラの削除
$('#a').unbind('click');

jQuery、とっても便利。