If actions speak louder than words, then in the JavaScript world, effects make actions speak louder still. With jQuery, we can easily add impact to our actions through a set of simple visual effects and even craft our own sophisticated animations.
The effects offered by jQuery supply simple visual flourishes that grant a sense of movement and modernity to any page. However, apart from being mere decoration, they can also provide important usability enhancements that help orient the user when something happens on a page (especially common in Ajax applications).
In this chapter, we will cover:
- Changing the styling of elements on the fly
- Hiding and showing elements with various built-in effects
- Creating custom animations of elements
- Sequencing effects to happen one after another
