The rich:jQuery component integrates the jQuery JavaScript library into your applications. This allows one to dynamically apply style and behavior to DOM elements as the result of JSF component rendering.

The selector attribute defines an object (or list of objects) against which the query attribute will be applied. The query attribute should be defined with valid JavaScript statements or jQuery api calls.

The jQuery javascript is also accessible via EL using the rich:jQuery EL function.

rich:jQuery can be used in these modes:

- As a one time query applied immediately or on a document ready event.
- Define an event handler which is bound to elements returned by selector on some event.
- As a JavaScript function that can be invoked from custom JavaScript

This example shows how to attach events to the mouseover/mouseout event on the DOM objects. The source below will show how to make them enlarged.