This Angular tutorial helps you get started with Angular quickly and effectively through many practical examples.

jQuery Effects

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.

jquery Selectors

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

Prev Next