Quels sont les codes pour masquer des éléments dans jquery

Code de l'élément caché jquery : 1. "Spécifiez l'élément object.hide();" 2. "Spécifiez l'élément object.toggle(1000);" 3. "Spécifiez l'élément object.slideDown();" 4. " Élément spécifié object.css("display","none")".

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Plusieurs façons de masquer des éléments dans jquery :

1. Utilisez hide()

hide() pour masquer les éléments visibles :

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

hide() est souvent utilisé avec show pour changer l'affichage.

show() peut afficher les éléments cachés.

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

2. Utilisez la méthode toggle()

toggle() pour changer l'état visible de l'élément.

Si les éléments sélectionnés sont visibles, masquez ces éléments. Si les éléments sélectionnés sont masqués, affichez ces éléments.

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

3. Utilisez la méthode slideDown()

pour afficher les éléments cachés de manière coulissante

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

4. Utilisez la méthode css()

Utilisez la méthode css() pour définir le style d'affichage sur masquer les éléments visibles :

$("button"").click(function(){
  $("p").css("display","none");
  //
});

[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end]

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!