Дополнение
jQuery-inlog
Еще чуть-чуть о полезном инструментарии: есть такой классный плагин – jQuery-inlog [http://prinzhorn.github.com/jquery-inlog/] – основное его назначение — дать нам чуть-чуть больше понимания о происходящем внутри самого jQuery, вот кусочек HTML:
<body>
<div class="bar">
<div class="bar">
<div id="foo"></div> </div>
</div>
<div id="bacon"></div> </body>
А вот и код, который его обслуживает:
$l(true);
$("#foo").parents(".bar").next().prev().parent().fadeOut();
$l(false);
Какие-то странные манипуляции, для какого же элемента будет применён метод fadeout()? Для выяснения оного наш код обёрнут в вызов метода $l(). $l() — это и есть собственно вызов плагина, результат его работы можно найти в консоли:
У данного плагина есть ещё настройки, которые регулируют объём информации выводимой в консоль.
Пример и скриншот взять с официальной документации по плагину
106