jQuery Tutorial Tutorials jQuery .show()

jQuery .show()

The .show() method in jQuery is used to display all matched elements.

jQuery `.show()` syntax

.show();
.show([duration][,complete]);
.show(options)
.show(duration[,easing][,complete]);

Parameter	Type	Description
`duration`	Number,String	the time animation running,`Default 400ms(normal) fast:200ms slow:600ms`
`complete`	Function	A function to execute when the animation is complete.
`easing`	String	an easing function for the transition. `Default swing`
options - `queue`	Boolean,String	A Boolean indicating whether to place the animation in the effects queue.
options - `specialEasing`	PlainObject	An object containing one or more of the CSS properties defined by the properties argument and their corresponding easing functions.
options - `step`	Function	A function to modify the Tween object to change the value of the property before it is set.
options - `progress`	Function	A function to be called after each step of the animation
options - `complete`	Function	A function to be called when animation is complete
options - `start`	Function	A function to be called when animation begins
options - `done`	Function	A function to be called when the animation on an element completes
options - `fail`	Function	A function to be called when the animation on an element fails to complete
options - `always`	Function	A function always to be called,no matter whether it completes or not

The simplest way to display an element:

Shows all the paragraphs

$("p").show();

Shows all the paragraphs slowly,the duration is 600 milliseconds.

$("p").show("slow");

Shows all the paragraphs in 2000 milliseconds duration,when the animation is completed,alert a message

$("p").show(2000,function(){
   alert("Animation Done.");
 });

it will alert 3 times when the animation completed (there are 3 paragraphs)

Date：2019-08-30 02:27:02 From:www.Lautturi.com author：Lautturi