jQuery Tutorial Tutorials jQuery .hide()

jQuery .hide()

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

jQuery `.hide()` syntax

.hide();
.hide([duration][,complete]);
.hide(options)
.hide(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 hide an element:

Hide all the paragraphs

$("p").hide();

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

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

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

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

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

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