イベントの扱い方その５（イベント発生時に一度だけ命令を実行する「one()」）

jQuery イベントの扱い方

イベント発生時に一度だけ命令を実行する one()

どういう時に使うべきなのかイメージが沸かない。
とりあえずサンプルだけでも。。

初期表示状態ではyahooへのリンクとなっているが、
一回クリックするとGoogleへのリンクに変わる。
で、その後はクリックしてもリンクが変わることはなく、googleのトップページに遷移する感じ。

<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() {
        $("#a1").one("click", function(e){
          $("#a1").attr("href", "http://www.google.co.jp").text("Google大好き");
          return false;
        });
      })
    </script>
  </head>
  <body>
    <a id="a1" href="http://www.yahoo.co.jp">ヤフーよりも</a>
  </body>
</html>