Maison  >  Article  >  interface Web  >  À propos des effets jQuery - connaissances liées au masquage et à l'affichage

À propos des effets jQuery - connaissances liées au masquage et à l'affichage

jacklove
jackloveoriginal
2018-05-08 11:44:151183parcourir

Masquer, afficher, basculer, faire glisser, faire des fondus entrants et sortants et animation peuvent tous être réalisés via jquery Cet article parle des opérations liées à jquery.

jQuery hide() et show()

Avec jQuery, vous pouvez masquer et afficher des éléments HTML à l'aide des méthodes hide() et show() :

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

Syntaxe :

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

Le paramètre facultatif speed spécifie la vitesse de masquage/affichage, qui peut prendre les valeurs suivantes : "lent", "rapide" ou millisecondes.

Le paramètre de rappel facultatif est le nom de la fonction à exécuter une fois le masquage ou l'affichage terminé.

L'exemple suivant illustre la méthode hide() avec le paramètre speed :

Exemple

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

Avec jQuery, vous pouvez utiliser la méthode toggle() pour activer/désactiver le masquage () et show().

Afficher les éléments masqués et masquer les éléments affichés :

Exemple

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

Syntaxe :

$(selector).toggle(speed,callback);

Vitesse facultative Le paramètre précise la vitesse de masquage /showing, et peut prendre les valeurs suivantes : "lent", "rapide" ou millisecondes.

Le paramètre de rappel facultatif est le nom de la fonction à exécuter une fois la méthode toggle() terminée.

Cet article explique les animations liées à jquery Pour plus de matériel d'apprentissage, veuillez faire attention au site Web php chinois.

Recommandations associées :

Points de connaissances connexes sur les événements jQuery

SQL Server - Connaissances liées aux SGBDR

Points de connaissances connexes sur les valeurs SQL NULL

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn