属性値の取得、変更フック
jQuery1.6の新機能を試してみました。こんな感じで変更を感知できます。
参照元:jQuery1.6の更新内容をまとめたよ。 | Ginpen.com
参照元: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>