Maison > Article > interface Web > Comment définir un élément invisible dans jquery
Comment définir un élément invisible dans jquery
- 藏色散人original
- 2021-01-18 10:17:504437parcourir
Comment rendre l'élément invisible dans jquery : 1. Utilisez la méthode "$(selector).hide();" 2. Utilisez le "$(selector) ; .show();" pour le définir. L'élément est visible, puis utilisez la méthode toggle pour changer les méthodes de masquage et d'affichage.
L'environnement de démonstration de ce tutoriel : système Windows 7, jquery version 1.2.6, ordinateur Dell G3.
Recommandé : Tutoriel vidéo jQuery
Comment définir la visibilité des éléments dans jquery : Vous pouvez utiliser la méthode $(selector).hide(); pour qu'il soit invisible, utilisez $ La méthode (selector).show(); définit l'élément pour qu'il soit visible, et vous pouvez utiliser la méthode toggle() pour basculer entre les méthodes hide() et show().
Introduction à la méthode de définition de la visibilité des éléments dans jquery :
Afficher immédiatement l'élément spécifié
$(selector).show();
Masquer immédiatement l'élément spécifié
$(selector).hide();
Exemple :
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮，我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>Vous pouvez utiliser la méthode toggle() pour basculer entre les méthodes hide() et show().
Afficher les éléments cachés et masquer les éléments affichés :
$("button").click(function(){
$("p").toggle();
});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!