jQueryでclickなどのイベントを設定した際、CSSを動的に切り替えたときにはそのイベントを無効化したいケースがあると思います。
例えば、a.cssではタブ切り替え前提、b.cssではタブ切り替え無し、のスタイルのとき、タブのclickイベントに「display: none」する関数を登録している場合、b.cssになると表示が崩れる場合などが考えられます。

そういうときは .unbind() APIを使います。


登録しているイベントを全て、全部の要素に対してイベントを無効にする方法は以下の通りです。
$('*').unbind();


あるいは、id="mainWrap" となっている要素内にあるすべての要素のイベントを無効にする方法は以下のとおりです。
$('#mainWrap *').unbind();



2010年12月時点のイイカンジプロジェクトでは、この処理を使って表示の切替を実現しています。