Effects
The jQuery library provides several techniques for adding animation to a web page. These include simple, standard animations that are frequently used, and the ability to craft sophisticated custom effects. In this chapter, we’ll closely examine each of the effect methods, revealing all of the mechanisms jQuery has for providing visual feedback to the user.
-
.animate()
Perform a custom animation of a set of CSS properties.
-
.clearQueue()
Remove from the queue all items that have not yet been run.
-
.delay()
Set a timer to delay execution of subsequent items in the queue.
-
.dequeue()
Execute the next function on the queue for the matched elements.
-
.fadeIn()
Display the matched elements by fading them to opaque.
-
.fadeOut()
Hide the matched elements by fading them to transparent.
-
.fadeTo()
Adjust the opacity of the matched elements.
-
.fadeToggle()
Display or hide the matched elements by animating their opacity.
-
jQuery.fx.interval
The rate (in milliseconds) at which animations fire.
-
jQuery.fx.off
Globally disable all animations.
-
.hide()
Hide the matched elements.
-
.queue()
Show the queue of functions to be executed on the matched elements.
-
.show()
Display the matched elements.
-
.slideDown()
Display the matched elements with a sliding motion.
-
.slideToggle()
Display or hide the matched elements with a sliding motion.
-
.slideUp()
Hide the matched elements with a sliding motion.
-
.stop()
Stop the currently-running animation on the matched elements.
-
.toggle()
Display or hide the matched elements.