jQuery: The Write Less, Do More JavaScript Library

People's use of jQuery serves as good demonstration of its abilities. You may also want to try introductory examples, tutorials or plugins.

Webpage functionality demos:

More complex and/or shinier demos:

Incidentally, note that you can use jQuery from the FireBug console on pages that use jQuery - might be interesting for a quick live test.

Quick example: Hiding a div

This box is a div that has class="hidetest". The jQuery $('.hidetest') selects this -- and all other elements that have 'hidetest' for a class (here using CSS. You can also use simple XPath).

You can then do something with it, for example hide it. The "Hide/show the box below" link above does both hiding and showing through toggling, using the jQuery $('.hidetest').toggle();