jQuery Effects
You can apply animation effects to a web page using jQuery. jQuery effects can be categorized into fading, sliding, hiding/showing and animation effects.
Numerous options for effects on a web page are offered by jQuery. The following table lists all the jQuery methods for creating animation effects.
S.No | Method | Description |
---|---|---|
1 | animate() | It is used to create animation. |
2 | clearQueue() | To remove all remaining queued functions from the selected elements. |
3 | delay() | To sets delay execution for all the queued functions on the selected elements. |
4 | dequeue() | 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 is used to stops, removes and complete all queued animation for the selected elements. |
10 | hide() | it is used to hides the matched or selected elements. |
11 | queue() | It is used to shows or manipulates the queue of methods i.e. to be executed on the selected elements. |
12 | show() | It is used to displays or shows the selected elements. |
13 | slidedown() | It is used to shows the matched elements with slide. |
14 | slidetoggle() | It is used to shows or hides the matched elements with slide. In other words, it is used to toggle between the slideUp() and slideDown() methods. |
15 | slideup() | It is used to hides the matched elements with slide. |
16 | stop() | It is used to stops the animation which is running on the matched elements. |
17 | toggle() | It is used to shows or hides the matched elements. In other words, it toggles between the hide() and show() methods. |