jQuery Effect hide() Method

jQuery Effect Methods

hide() method to hide the selected elements.

This method is usually used withshow()methods are used together.

Note：The hidden elements will no longer affect the layout of the page.

Syntax：

$$(selector).hide(duration,　easing,　callback)

Example

This example hides paragraphs on the page when the page is clicked：

$$("p").click(function(){
　　$$(this).hide();
});

Hide all <p> elements when the button is clicked：

$$("button").click(function(){
　　$$("p").hide();
});

UsingdurationParameters：

$$("button").click(function(){
　　$$("p").hide(1000);
});

UsingcallbackParameters：

$$("button").click(function(){
　　$$("div").hide(1000,　function(){
　　　　alert("DIV is hidden");
　　});
});

All spans of animation (in this case, words) are hidden quickly, in200 milliseconds to complete each animation：

$$("button").click(function(){
　　$$("span:last-child$$).hide("fast",　function(){
　　　　$$(this).prev().hide("fast",　arguments.callee);
　　});
});

Click more than2Seconds, hide the span element and then remove the span element when hiding:

$("span").click(function() {
　　$(this).hide(2(e.g., 1000, 2000, etc.), function() {
　　　　$(this).remove();
　　});
});

Parameter Value

jQuery Effect Methods