JQuery – Effects


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

SnoMethodDescription
1hide()hide() method hides the matched or selected elements.
2show()show() method shows/displays the selected elements.
3toggle()This toggles between the hide() and show() methods.
This method shows/hides the matched elements.

Fading effects

SnoMethodDescription
1fadein()fadein() method shows the matched elements by fading it to opaque. In other words, it fades in the selected elements.
2fadeout()fadeout() method shows the matched elements by fading it to transparent. In other words, it fades out the selected elements.
3fadeto()fadeto() method adjusts opacity for the matched element. In other words, it fades in/out the selected elements.
4fadetoggle()fadetoggle() method shows or hides the matched element. In other words, toggles between the fadeIn() and fadeOut() methods.

Sliding effects

SnoMethodDescription
1slidedown()slidedown() method shows the matched elements with slide.
2slidetoggle()slidetoggle() method shows or hides the matched elements with slide. In other words, it is used to toggle between the slideUp() and slideDown() methods.
3slideup()slideup() method hides the matched elements with slide.

Jquery tutorial for beginners !!!

Click to Learn More about – online learn jquery

Other effects

SnoMethodDescription
1animate()animate() method performs animation.
2clearQueue()clearQueue() method removes all remaining queued functions from the selected elements.
3delay()delay() method sets delay execution for all the queued functions on the selected elements.
4dequeue()dequeue() method removes the next function from the queue, and then execute the function.
5finish()finish() method stops and removes and complete all queued animation for the selected elements.
6queue()queue() method shows the queue of methods
This lists the methods to be executed on the selected elements.
7stop()stop() method stops the animation which is running on the matched elements.