List of Figures

 

Chapter 1. Introducing jQuery

Figure 1.1. Adding “zebra stripes” to a table is easy to accomplish in one statement with jQuery!

Figure 1.2. A dynamically created and inserted element

Chapter 2. Creating the wrapped element set

Figure 2.1. The Selectors Lab page allows us to observe the behavior of any selector we choose in real time.

Figure 2.2. A selector value of li matches all <li> elements when applied as shown by the display results.

Figure 2.3. All anchor tags that are descendents, 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.5. New HTML elements can be created under script control and given advanced attributes, such as event handlers, all in a single jQuery statement.

Figure 2.6. The Wrapped Set Lab helps 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.

Figure 2.8. jQuery chaining allows us to perform complex operations in a single statement, as seen by these results.

Chapter 3. Bringing pages to life with jQuery

Figure 3.1. HTML markup is translated into DOM elements, including the attributes of the tag and the properties created from them.

Figure 3.2. The presence or absence of the striped class is toggled whenever the mouse cursor enters or leaves the table.