jQuery Effect Methods

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

Method Description
animate() Perform custom animation using element's style properties. 

Example: $('#myDiv').animate({ height: '200px', width: '200px'});
clearQueue() Remove all the animations from the queue that have not been run. 

Example: $('#myDiv').clearQueue();
delay() Set a timer to delay execution of animations in the queue. 

Example: $('#myDiv').delay(5000);
dequeue() Execute the next animation in the queue for the selected element. 

Example: $('#myDiv').dequeue();
queue() Show or manipulate the queue of functions to be executed on the selected element. 

Example: $('#myDiv').queue().length
fadeIn() Display selected element(s) by fading them to opaque. 

Example: $('#myDiv').fadeIn(5000);
fadeOut() Hides selected element(s) by fading them to transparent. 

Example: $('#myDiv').fadeOut(5000);
fadeTo() Adjust the opacity of the selected element(s) 

Example: $('#myDiv').fadeTo(500);
fadeToggle() Display or hide the selected element(s) by animating their opacity. 

Example: $('#myDiv').fadeToggle(5000);
finish() Stop currently running animation and clear the queue for selected element(s) 

Example: $('#myDiv').finish();
jQuery.fx.interval The rate at which animation fires. 

Example: $.fx.interval = 2000
jQuery.fx.off Disable all the animations globally. 

Example: $.fx.off;
hide() Hide selected element(s). 

Example: $('#myDiv').hide(5000);
show() Display selected element(s). 

Example: $('#myDiv').show(5000);
stop() Stop currently running animations on the selected element(s). 

Example: $('#myDiv').stop()
toggle() Display hidden element(s) or hide visible element(s). 

Example: $('#myDiv').toggle(5000);
slideUp() Hide selected element(s) with sliding up motion. 

Example: $('#myDiv').slideUp(5000);
slideDown() Display selected element(s) with sliding down motion. 

Example: $('#myDiv').slideDown(5000);
slideToggle() Display or hide selected element(s) with sliding motion. 

Example: $('#myDiv').slideToggle(5000);