English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery Effect Methods

The jQuery library provides several techniques to add various stunning effects.

jQuery effect methods allow us to apply common effects quickly with minimal configuration.

jQuery effect methods

The following table lists all jQuery methods used to create animation effects:

MethodDescription
animate()Perform custom animation on a set of CSS properties
clearQueue()Delete all remaining queue functions that have not yet been executed
delay()Set a timer to delay the execution of subsequent items in the delayed queuing function
dequeue()Remove the next function from the queue and then execute the function
fadeIn()Fade in the selected element
fadeOut()Fade out the selected element
fadeTo()Fade In/Fade out the selected element to the given opacity
fadeToggle()Toggle between fadeIn() and fadeOut() methods
finish()Stop the currently running animation, delete all queued animations, and then complete all animations
hide()Hide the selected element
queue()Show or manipulate the function queue to be executed on the selected element
show()Display the selected element
slideDown()Slide down to display the selected element
slideToggle()Toggle between slideUp() and slideDown() methods
slideUp()Hide the selected element by sliding
stop()Stop the currently running animation of the selected element
toggle()Toggle between hide() and show() methods