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. Dynamically creating and inserting elements, usually requiring many lines of code, can be accomplished in a single line of jQuery code.

Chapter 2. Selecting the elements upon which to act

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. All anchor tags that are descendants, at any depth, of an <li> element are selected by ul.myList li a.

Figure 2.4. With the selector ul.myList > li > a, only the direct children of parent nodes are matched.

Figure 2.5a. Creating complex elements on the fly, including this image, which generates an alert when it’s clicked upon, is easy as pie.

Figure 2.5b. The dynaimcally-generated image possesses all expected styles and attributes, including the mouse click behavior of issuing an alert

Figure 2.6. The jQuery Operations Lab Page lets us compose wrapped sets in real time to help us see how wrapped sets can be created and managed.

Figure 2.7. The expected image elements, those with an alt or title attribute, have been matched by the jQuery expression.