Is there a visualizer for jQuery selectors?

Question

No, I'm not talking about the visualizer plugin.

There are cheap or free tools to visualize the results of XPath queries, or Regex.

Example:

Is there a similar tool that helps one visualize the results of jQuery selectors?
I know it wouldn't be difficult to build... Just wanna know if one exists yet.

Answer 1

You can put $('div.product').get() into Firebug or whatever console you're using to get a list of matching elements.

Answer 2

Use firebug. Open the console. Run something like this:

$("p").css('background-color', 'blue');

and press 'Run'.

Answer 3

Yep, this one does the job pretty well:

http://www.woods.iki.fi/interactive-jquery-tester.html

Answer 4

For Safari, the Web Inspector has a console you can use to achieve this.