JQueryでのイベントハンドラへのAttach

JQuey1.7から.bind()、.delegate()、.live()が
.on()、.off()
に統合されてます。よく忘れるのでメモ！
<div id="outer"><p id="inner">くりっく！</p></div>
.bind()は
$('#inner').on('click.hoge',function(){});
.delegate()は
$('#outer').on('click.hoge','#inner',function(){});
.live()は
$(document).on('click.hoge','#inner',function(){})
イベント名にドット足すネームスペースと書くことによって
同じイベントに多重アタッチしても目当ての物だけデタッチできますので、ネームスペース付けるといい！
あと外からデータを渡したいときは
$('#outer').on('click.hoge','#inner',{arg:'でーただよー'},function(event){
alert(event.data.arg);
});
として渡せます。
どこにデータが格納されるのかFirebugとかで確認してみてください。
パフォーマンスは
delegate>live>bind
らしい？(未検証)

最後にdelegateを使って多重アタッチしてるときはstopPropagation()でバブリングを停めておくこと！
<a>の時はpreventDefault()でね！
IEはシラネーYO！

var hoge = function(){};
で処理作って.on()で簡単イベント管理！