jQuery API

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()
Custom
Perform a custom animation of a set of CSS properties.
.clearQueue()
Custom, Data, Utilities
Remove from the queue all items that have not yet been run.
.delay()
Custom
Set a timer to delay execution of subsequent items in the queue.
.dequeue()
Custom, Data, Utilities
Execute the next function on the queue for the matched elements.
.fadeIn()
Fading
Display the matched elements by fading them to opaque.
.fadeOut()
Fading
Hide the matched elements by fading them to transparent.
.fadeTo()
Fading
Adjust the opacity of the matched elements.
.fadeToggle()
Fading
Display or hide the matched elements by animating their opacity.
jQuery.fx.interval
Custom, Properties of the Global jQuery Object
The rate (in milliseconds) at which animations fire.
jQuery.fx.off
Custom, Properties of the Global jQuery Object
Globally disable all animations.
.hide()
Basics
Hide the matched elements.
.queue()
Custom, Data, Utilities
Show the queue of functions to be executed on the matched elements.
.show()
Basics
Display the matched elements.
.slideDown()
Sliding
Display the matched elements with a sliding motion.
.slideToggle()
Sliding
Display or hide the matched elements with a sliding motion.
.slideUp()
Sliding
Hide the matched elements with a sliding motion.
.stop()
Custom
Stop the currently-running animation on the matched elements.
.toggle()
Basics
Display or hide the matched elements.

jQuery API

Keyboard navigation now available! Use up, down, tab, shift+tab, shift+upArrow and enter to navigate.

jQuery API

Effects

Browse the jQuery API