イベントの扱い方その６（イベントを削除する unbind()）

jQuery イベントの扱い方

設定されているイベントを削除する。

これもどういう時に使うべきなのかイメージがイマイチ。。
例によってサンプルを。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script type="text/javascript">
      $(function() {
        $("#div1").click(function(){
          var div = $(this)
          var size = div.css("font-size");
          div.css("font-size", parseInt(size) + 1);
        });
        $("#button1").click(function(){
          $("#div1").unbind("click");
        })
      })
    </script>
  </head>
  <body>
    <div id="div1" style="font-size: 16;">ぱんぱかぱんつ</div>
    <input id="button1" type="button" value="イベントを登録したり削除したり" />
  </body>
</html>