Comment afficher les contrôles cachés dans jquery

jQuery est une excellente bibliothèque JavaScript. Elle nous fournit de nombreuses méthodes de fonctionnement pratiques et rapides, notamment l'affichage et le masquage des contrôles. Cet article explique comment afficher et masquer les contrôles via jQuery.

1. Comment masquer les contrôles

1. Utilisez la méthode hide()

hide() est la méthode la plus basique pour masquer les contrôles fournie par jQuery. Elle peut masquer n'importe quel élément HTML. Par exemple, supposons que vous ayez un bouton :

click me

Pour masquer ce bouton, appelez simplement la méthode hide() :

$("#myButton" ).hide();

Cela fera que le bouton n'apparaîtra plus sur la page.

2. Utilisez la méthode fadeOut()

La méthode fadeOut() réduira progressivement l'opacité de l'élément jusqu'à ce que l'élément soit complètement masqué. Sa vitesse et son temps peuvent être contrôlés en définissant les paramètres de la méthode fadeOut().

Par exemple :

$("#myButton").fadeOut(1000);

Cela fera disparaître le bouton en 1 seconde.

3. Utilisez la méthode slideUp()

slideUp() pour faire glisser l'élément vers le haut jusqu'à ce qu'il soit complètement masqué. Comme la méthode fadeOut(), vous pouvez contrôler sa vitesse et sa durée en définissant des paramètres.

Par exemple :

$("#myButton").slideUp(1000);

Cela fera glisser le bouton vers le haut et disparaîtra en 1 seconde.

2. Comment afficher les contrôles

1. Utilisez la méthode show()

La méthode show() est une méthode similaire à la méthode hide() et est utilisée pour afficher n'importe quel élément HTML. Par exemple, si vous souhaitez afficher un bouton masqué :

Cliquez sur moi

Pour afficher ce bouton, appelez simplement show( ) method:

$("#myButton").show();

Cela fera réapparaître le bouton sur la page.

2. Utilisez la méthode fadeIn()

La méthode fadeIn() peut rendre un élément opaque à entièrement visible, ce qui est l'opposé de la méthode fadeOut(). Sa vitesse et son temps peuvent également être contrôlés en réglant des paramètres.

Par exemple :

$("#myButton").fadeIn(1000);

Cela fera passer le bouton de transparent à entièrement visible en 1 seconde.

3. Utilisez la méthode slideDown()

La méthode slideDown() peut faire glisser l'élément vers le bas jusqu'à ce qu'il soit complètement visible. Comme la méthode fadeIn(), vous pouvez contrôler sa vitesse et sa durée en définissant des paramètres.

Par exemple :

$("#myButton").slideDown(1000);

Cela fera glisser le bouton vers le bas et sera visible en 1 seconde.

Résumé :

Avec jQuery, nous pouvons afficher et masquer les contrôles facilement et rapidement. Qu'il s'agisse de masquer ou d'afficher, jQuery propose diverses méthodes pour y parvenir. En utilisant ces méthodes de manière flexible, nous pouvons facilement contrôler l’apparence des éléments de la page Web. J'espère que cet article vous aidera !

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!