What is JQuery effects ?
Its is the effects added to the webpage by using JQuery Libraries.
jQuery allows us to add effects on a webpage as our wish.
Classifications of JQuery effects :
Jquery effects can be clasified in to 4 types.
1. Display effects
2. Fading effects
3. Sliding effects
4. Other effects
Display effects
| Sno | Method | Description |
| 1 | hide() | hide() method hides the matched or selected elements. |
| 2 | show() | show() method shows/displays the selected elements. |
| 3 | toggle() | This toggles between the hide() and show() methods. This method shows/hides the matched elements. |
Fading effects
| Sno | Method | Description |
| 1 | fadein() | fadein() method shows the matched elements by fading it to opaque. In other words, it fades in the selected elements. |
| 2 | fadeout() | fadeout() method shows the matched elements by fading it to transparent. In other words, it fades out the selected elements. |
| 3 | fadeto() | fadeto() method adjusts opacity for the matched element. In other words, it fades in/out the selected elements. |
| 4 | fadetoggle() | fadetoggle() method shows or hides the matched element. In other words, toggles between the fadeIn() and fadeOut() methods. |
Sliding effects
| Sno | Method | Description |
| 1 | slidedown() | slidedown() method shows the matched elements with slide. |
| 2 | slidetoggle() | slidetoggle() method shows or hides the matched elements with slide. In other words, it is used to toggle between the slideUp() and slideDown() methods. |
| 3 | slideup() | slideup() method hides the matched elements with slide. |
Jquery tutorial for beginners !!!
Click to Learn More about – online learn jquery
Other effects
| Sno | Method | Description |
| 1 | animate() | animate() method performs animation. |
| 2 | clearQueue() | clearQueue() method removes all remaining queued functions from the selected elements. |
| 3 | delay() | delay() method sets delay execution for all the queued functions on the selected elements. |
| 4 | dequeue() | dequeue() method removes the next function from the queue, and then execute the function. |
| 5 | finish() | finish() method stops and removes and complete all queued animation for the selected elements. |
| 6 | queue() | queue() method shows the queue of methods This lists the methods to be executed on the selected elements. |
| 7 | stop() | stop() method stops the animation which is running on the matched elements. |