jQuery: Effect Methods
| 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);
|