Using query

The query method, part of the YUI Selector Utility, makes it easy to retrieve an array of elements based on a CSS3 Selector.

To illustrate the use of query, we'll create a few HTML lists. When the button is clicked, we will add a red border to all LIs that are descendants of ULs, and have the class selected applied.

Add some markup for the lists and a button to trigger the demo:

Now we will define the function that adds the border when the button is clicked, and assign it as a click handler.

This is a simple example of how to use the Selector.query method.