Summary
With the techniques that we have covered in this chapter, we should now be able to locate sets of elements on the page in a variety of ways. In particular, we learned how to style top-level and sub-level items in a nested list by using basic CSS selectors, how to apply different styles to different types of links by using attribute selectors, add rudimentary striping to a table by using either the custom jQuery selectors
:odd
and :even
or the advanced CSS selector :nth-child()
, and highlight text within certain table cells by chaining jQuery methods.
So far, we have been using the
$(document).ready()
method to add a class to a matched set of elements. In the next chapter, we'll explore ways in which to add a class in response to a variety of user-initiated events.
Further reading
The topic of selectors and traversal methods will be explored in more detail in Chapter 9, Advanced Selectors and Traversing. A complete list of jQuery's selectors and traversal methods is available in Appendix...