- jQuery - Home
- jQuery - Roadmap
- jQuery - Overview
- jQuery - Basics
- jQuery - Syntax
- jQuery - Selectors
- jQuery - Events
- jQuery - Attributes
- jQuery - AJAX
- jQuery CSS Manipulation
- jQuery - CSS Classes
- jQuery - Dimensions
- jQuery - CSS Properties
- jQuery Traversing
- jQuery - Traversing
- jQuery - Traversing Ancestors
- jQuery - Traversing Descendants
- jQuery References
- jQuery - Selectors
- jQuery - Events
- jQuery - Effects
- jQuery - HTML/CSS
- jQuery - Traversing
- jQuery - Miscellaneous
- jQuery - Properties
- jQuery - Utilities
- jQuery Plugins
- jQuery - Plugins
- jQuery - PagePiling.js
- jQuery - Flickerplate.js
- jQuery - Multiscroll.js
- jQuery - Slidebar.js
- jQuery - Rowgrid.js
- jQuery - Alertify.js
- jQuery - Progressbar.js
- jQuery - Slideshow.js
- jQuery - Drawsvg.js
- jQuery - Tagsort.js
- jQuery - LogosDistort.js
- jQuery - Filer.js
- jQuery - Whatsnearby.js
- jQuery - Checkout.js
- jQuery - Blockrain.js
- jQuery - Producttour.js
- jQuery - Megadropdown.js
- jQuery - Weather.js
jQuery - Effects Reference
The jQuery Effects are predefined methods in jQuery library that allow us to add animations and transitions to our web elements. These effects can be showing and hiding elements, fading elements in and out, sliding elements, etc.
Why to use jQuery Effects?
We can use the jQuery effects in the following cases −
- Interactive User Experience: By adding smooth transition and animation effects, we can make our web application more interactive and pleasant for the user to use.
- Visual Appeal: Effects will make our website more attractive and eyeâcatching, capturing the user's attention.
- Easy to Use: jQuery simplifies the implementation of complex animations and effects with easy-to-use methods, which saves the time and effort.
jQuery Effect Methods
In the following table, we have listed all the jQuery Effect Methods −
| Sr.No. | Methods & Description |
|---|---|
| 1 |
animate()
It is used to perform custom animations on selected elements. |
| 2 |
clearQueue()
It clears the queue of the selected elements. |
| 3 |
delay()
It sets a delay for the execution of the next item in the queue. |
| 4 |
dequeue()
It removes the next function from the queue and executes it. |
| 5 |
fadeIn()
It fades in the selected elements. |
| 6 |
fadeOut()
It fades out the selected elements. |
| 7 |
fadeTo()
It fades the selected elements to a given opacity. |
| 8 |
fadeToggle()
It toggles between fading in and fading out the selected elements. |
| 9 |
finish()
It stops the currently running animations, removes all queued animations, and completes all animations for the selected elements. |
| 10 |
hide()
It hides the selected elements. |
| 11 |
queue()
It shows the queue of functions to be executed on the selected elements. |
| 12 |
show()
It displays the selected elements. |
| 13 |
slideDown()
It slides down the selected elements. |
| 14 |
slideToggle()
It toggles between sliding up and sliding down the selected elements. |
| 15 |
slideUp()
It slides up the selected elements. |
| 16 |
stop()
It stops the currently running animations on the selected elements. |
| 17 |
toggle()
It toggles between hiding and showing the selected elements. |