- FadeIn ()
- FadeOut ()
- Fadetoggle ()
- FadeTo ()
JQuery fadeIn () for fading in hidden elements
$ ("button"). Click (function () { $ ("#div1"). FadeIn (); $ ("#div2"). FadeIn ("slow"); $ ("#div3"). FadeIn (3000);});
The JQuery FadeOut () method is used to fade out visible elements.
$ ("button"). Click (function () { $ ("#div1"). FadeOut (); $ ("#div2"). FadeOut ("slow"); $ ("#div3"). FadeOut (3000);});
The Fadetoggle () method can be toggled between the fadeIn () and the FadeOut () method
$ ("button"). Click (function () { $ ("#div1"). Fadetoggle (); $ ("#div2"). Fadetoggle ("slow"); $ ("#div3"). Fadetoggle (3000);});
The FadeTo () method allows the gradient to be given the opacity (values between 0 and 1).
$ ("button"). Click (function () { $ ("#div1"). FadeTo ("slow", 0.15); $ ("#div2"). FadeTo ("slow", 0.4); $ ("#div3"). FadeTo ("slow", 0.7);});
JQuery, you can implement the fade effect of elements.