Summary
By using effect methods that we have explored in this chapter, we should now be able to modify inline style attributes from JavaScript, apply pre-packaged jQuery effects to elements, and create our own custom animations. In particular, we learned to incrementally increase and decrease text size by using either the .css()
or the .animate()
method, gradually hide and show page elements by modifying several attributes, and to animate elements, simultaneously or sequentially, in a number of ways.
In the first four chapters of the book, all of our examples have involved manipulating elements that have been hard-coded into the page's HTML. In Chapter 5, we will explore ways to manipulate the DOM directly, including using jQuery to create new elements and insert them into the DOM wherever we choose.
Further reading
The topic of animation will be explored in more detail in Chapter 11. A complete list of available effect and styling methods is available in Appendix C of this book, in jQuery...