content logo

Learn JQuery:

jQuery Effects

jQuery enables us to add effects on a web page. jQuery effects can be categorized into fading, sliding, hiding/showing and animation effects.

jQuery provides many methods for effects on a web page. A complete list of jQuery effect methods are given below:

 

No. Method Description
1) animate() performs animation.
2 clearQueue() It is used to remove all remaining queued functions from the selected elements.
3) delay() sets delay execution for all the queued functions on the selected elements.
4 dequeue() It is used to remove the next function from the queue, and then execute the function.
5) fadein() shows the matched elements by fading it to opaque. In other words, it fades in the selected elements.
6) fadeout() shows the matched elements by fading it to transparent. In other words, it fades out the selected elements.
7) fadeto() adjusts opacity for the matched element. In other words, it fades in/out the selected elements.
8) fadetoggle() shows or hides the matched element. In other words, toggles between the fadeIn() and fadeOut() methods.
9) finish() It stops, removes and complete all queued animation for the selected elements.
10) hide() hides the matched or selected elements.
11) queue() shows or manipulates the queue of methods i.e. to be executed on the selected elements.
12) show() displays or shows the selected elements.
13) slidedown() shows the matched elements with slide.
14) slidetoggle() shows or hides the matched elements with slide. In other words, it is used to toggle between the slideUp() and slideDown() methods.
15) slideup() hides the matched elements with slide.
16) stop() stops the animation which is running on the matched elements.
17) toggle() shows or hides the matched elements. In other words, it toggles between the hide() and show() methods.
#

jQuery Effects Example

#

jQuery Effects Code

#

jQuery Effects Tutorial