English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery effect hide() method

Méthodes d'effets jQuery

the 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();
});
Voyons si‹/›

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

$("button").click(function(){
  $("p").hide();
});
Voyons si‹/›

UsingdurationParameters:

$("button").click(function(){
  $("p").hide(1000);
});
Voyons si‹/›

UsingcallbackParameters:

$("button").click(function(){
  $("div").hide(1000, function(){
    alert("DIV is hidden");
  });
});
Voyons si‹/›

All the spans of the animation (in this case, the 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);
  });
});
Voyons si‹/›

Cliquez pour rester}2Cliquez sur le span pour le cacher après un certain nombre de secondes, puis supprimez le span lors du masquage :

$("span").click(function(){
  $(this).hide(2000, function(){
    $(this).remove();
  });
});
Voyons si‹/›

Valeur des paramètres

ParamètresDescription
duration(Optionnel)Détermine combien de temps durera l'effet de masquage. La valeur prédéfinie est400 millisecondes

Valeurs possibles :

  • millisecondes (par exemple100,500,2000, etc.)

  • “swing”

  • “slow”

easing(Optionnel)Une chaîne, spécifiant la vitesse de l'élément à différents points de l'animation. La valeur par défaut est “ swing”

Valeurs possibles :

  • “swing”-Au début/Déplacement plus lent à la fin, plus rapide au milieu

  • “linear”-Déplacement à une vitesse constante

callback(Optionnel)Fonction appelée après la fin de l'exécution de hide(), appelée une fois pour chaque élément sélectionné

Méthodes d'effets jQuery