List of Figures

 

Chapter 1. Introducing jQuery

Figure 1.1. Determining which radio button is checked is easy to accomplish in one statement with jQuery!

Figure 1.2. With structure, style, and behavior each neatly tucked away within a page, readability and maintainability are maximized.

Figure 1.3. At the top, a snippet taken from the jQuery’s source code that shows you the uncompressed version format. At the bottom, the same snippet minified to be used in production.

Figure 1.4. A schema representing jQuery’s modules: ajax, ajax/xhr, ajax/script, ajax/jsonp, css, deprecated, dimensions, effects, event, event/alias, offset, wrap, core/ready, deferred, exports/global, exports/amd, and Sizzle

Figure 1.5. A representation of the steps performed by browsers before the document-ready handler is executed

Chapter 2. Selecting elements

Figure 2.1. The jQuery Selectors Lab Page allows you to observe the behavior of any selector you choose in real time.

Figure 2.2. A selector value of li matches all li elements when applied, as shown by the displayed results.

Figure 2.3. With the selector ul.my-list > li > a, only the direct children of parent nodes are matched.

Chapter 3. Operating on a jQuery collection

Figure 3.1. A benchmark comparing the three ways of creating a new element using jQuery(). It proves that they are equivalent from a performance point of view in almost every browser.