属性値の取得、変更フック

javascript jQuery
jQuery1.6の新機能を試してみました。こんな感じで変更を感知できます。
参照元:jQuery1.6の更新内容をまとめたよ。 | Ginpen.com 
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("a").hover(
      function(){
        $(this).text($(this).attr("href"));
      },
      function(){
        $(this).text($(this).data("link_title"));
        $("#message1").text("");
      }
    );
  
    $.attrHooks.href = {
      //elem:domオブジェクト
      //value:フックした属性名
      get : function(elem, value){
        $("#message1").text("hrefが参照されました");
      },
      set : function(elem, value){
      	//設定されたときの処理
      }
    };
    
    $("#button1").click(function(){
      $("#result1").text("文字数:" + $("#text1").val().length);
    });
    
    $.valHooks.text = {
      get : function(elem, value){
        $("#message2").show().text("テキストボックスのtextが参照されました。").fadeOut("slow");
      },
      set : function(elem, value){
      	//設定されたときの処理
      }
    };
    
  });
</script>
</head>
<body>
<p><a id="link1" href="http://wwww.yahoo.co.jp/" data-link_title="ヤホー">ヤホー</a></p>
<p><a id="link2" href="http://wwww.google.co.jp/" data-link_title="グーグル">グーグル</a></p>
<p><a id="link3" href="http://wwww.livedoor.com/" data-link_title="ライブドア">ライブドア</a></p>
<span id="message1"></span>
<hr />
<p><input id="text1" type="text" value="" /><input id="button1" type="button" value="ボタン" /><span id="result1"></span></p>
<span id="message2"></span>
</body>
</html>