jQuery Tutorial


jQuery Example


jQuery References


jQuery Effect Method References




jQuery Effect Methods

All jQuery Effect Function are listed here. All jQuery Effect work on some different purpose. which you have to binding with your program...

Effect Method
Description
animate()
Use Create custom CSS animation for selected elements.
Syntax $(selector).animate(styles,speed,[callback])
styles
or
Examples
Required Parameter.
Allow to One or More CSS Properties separate by comma(,).
Following CSS Properties Use:
speed speed is Optional parameter. speed define the fading effect speed.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("#divanimate").animate({height:"300px",width:"300px"});
fadeIn()
Use Allow to set Opacity for selected element from hidden to visible.
Syntax $(selector).fadeIn(speed,[callback])
speed speed is Optional parameter. speed define the fading effect speed.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("div").fadeIn(5000);
fadeOut()
Use Allow to set Opacity for selected element from hidden to visible.
Syntax $(selector).fadeOut(speed,[callback])
speed speed is Optional parameter. speed define the fading effect speed.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("div").fadeOut(5000);
fadeTo()
Use Allow to set Opacity for selected element from visible to hidden in opacity value wise.
Syntax $(selector).fadeTo(speed,opacity,[callback])
speed speed is Required parameter. speed define the fading effect speed.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
opacity opacity is Required parameter. set the specific opacity between 0.00 to 1.00
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("div").fadeTo("slow",0.20);
hide()
Use Hide All selected elements.
Syntax $(selector).hide(speed,[callback])
speed speed is Optional parameter. speed define hide the effect.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("p").hide();
show()
Use Show All selected hidden elements.
Syntax $(selector).show(speed,[callback])
speed speed is Optional parameter. speed define hide the effect.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("p").show();
toggle()
Use Toggles method run between hide() and show() for selected elements.
Syntax $(selector).toggle(speed,[callback])
speed speed is Optional parameter. speed define hide the effect.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("p").toggle("slow");
slideDown()
Use To Change the Height for selected element from hidden to visible.
Syntax $(selector).slideDown(speed,[callback])
speed speed is Optional parameter. speed define hide the effect.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("#slide").slideDown("slow");
slideUp()
Use To Change the Height for selected element from visible to hidden.
Syntax $(selector).slideUp(speed,[callback])
speed speed is Optional parameter. speed define hide the effect.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("#slide").slideUp("slow");
slideToggle()
Use Toggles between slideUp() and slideDown() To Change the Height for selected element from hidden to visible or visible to hide.
Syntax $(selector).slideToggle(speed,[callback])
speed speed is Optional parameter. speed define hide the effect.
Specific Speed Values:
  • "slow"
  • "normal"
  • "fast"
  • "1000" (milliseconds)
callback Callback is optional parameter. It is use to represents a function to be executed whenever effect is completed.
Example $("#slide").slideToggle("slow");
stop()
Use Stop the running animation of selected elements.
Syntax $(selector).stop([stopAll])
stopAll stopAll is Optional parameter. A Boolean value specifying stop the queued animate. Default value is false.
Example $("#divanimate").stop();