Inspect JavaScript object in FireBug

[williamrouse]

In an attempt to become more familiar with JavaScript and jQuery I started to write some simple code and wanted to look at the object in the firebug debugger to understand the layout of properties and values that come with the object. I am absolutely overwhelmed at what is provided when I try to inspect an object. Given the code:

$boxVar = $('#box00');

Where in the world is the hierarchal path or tree structure that would lead me to see properties such as location, position, color and the like when I inspect a javaScript or in the above example, ?$boxVar? a jQuery object, in the watch window of firebug?

 

Thanks!

[falkencreative]

This isn't an area that I know much about, but you might want to glance at either of these two links as a starting point:

 

http://www.digitalmediaminute.com/screencast/firebug-js/

http://michaelsync.net/2007/09/30/firebug-tutorial-script-tab-javascript-debugging

[falkencreative]

This might also be handy:

 

http://happygiraffe.net/blog/2007/09/26/jquery-logging/

[williamrouse]

Ok! I'll take a look and see!

WBR

[williamrouse]

I made a pass with the links you provided and stumbled on some others. Here is your list and some others that I stumbled on and will go through today and the next few days to get familiar with firebug and JavaScript objects.

How to use Firebug for CSS

http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

Debugging Ajax Applications with Firebug

Firebug pages

http://

http://michaelsync.net/2007/09/30/firebug-tutorial-script-tab-javascript-debugging

http://happygiraffe.net/blog/2007/09/26/jquery-logging/

Firebug Tutorial ? Using Commandline API in Firebug

http://michaelsync.net/2007/09/15/firebug-tutorial-commandline-api