jQueryのオブジェクトをダンプして情報を見たい

動きの確認やデバッグ作業などで、jQueryオブジェクトがその時々でどのような情報を
もっているのか確認したい場合があります。

そこで活躍するのが jquery.dump.js です。
このプラグインを使用することにより、簡単に指定したオブジェクトのダンプを
採取することができます。

公式は以下みたいなのですが、プラグインが見当たらずダウンロードできませんでした。
http://archive.plugins.jquery.com/project/Dump

他を探していると以下にソースがあったので、これをコピーして”jquery.dump.js”という
名前で保存して使用してください。
http://code.google.com/p/sators-status-board/source/browse/trunk/statusboard/jquery.dump.js?r=2

使用方法は簡単で、上記プラグインを読み込み、dump表示させたいオブジェクトに
dump()メソッドを適用すればＯＫです。

以下はクリックされたdivタグのダンプをalert()で表示するサンプルです。

<title>dump</title>



$(function(){
    $('#widget').click(function(){
        // $("#dump").append($(this).dump());
        alert($(this).dump());
    });
});



<div id="widget">テスト</div>
<div id="dump">テスト</div>

$(function(){

$('#widget').click(function(){

// $("#dump").append($(this).dump());

alert($(this).dump());

});