jQuery bind()の使い方が深い

詳細
=============初級用法=======
各段落がクリックされると、そのテキストがポップアップされます.

$("p").bind("click", function(){
  alert( $(this).text() );
});

===========中級用法======
複数のイベント・タイプ/ハンドラを同時にバインド

$("button").bind({
  click:function(){$("p").slideToggle();},
  mouseover:function(){$("body").css("background-color","red");},  
  mouseout:function(){$("body").css("background-color","#FFFFFF");}  
});

=====================
イベント処理の前に追加のデータを渡すことができます.

function handler(event) {
  alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)

======================
falseを返すことでデフォルトの動作をキャンセルし、イベントのバブルを阻止します.

$("form").bind("submit", function() { return false; })

========================
preventDefault()メソッドを使用すると、デフォルトの動作のみがキャンセルされます.

$("form").bind("submit", function(event){
  event.preventDefault();
});

=======================
stopPropagation()法を用いて1つのイベントのみの発泡を阻止した.

$("form").bind("submit", function(event){
  event.stopPropagation();
});