Comment vérifier si un élément HTML est caché en jQuery

Le sélecteur :hidden en jQuery peut être utilisé pour tester si un élément est masqué ou non sur une page. Vous pouvez également utiliser ce sélecteur pour tester les éléments dont la largeur et la hauteur sont définis sur 0, ainsi que les éléments de formulaire avec l’attribut type = "hidden".
 
 

Code HTML :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vérifier si un élément HTML est caché</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			// Mettez le code jQuery ici.
		</script>
	</head>
	<body>
		<button type="button">Afficher/cacher le paragraphe</button>
		<p>Ceci est un paragraphe</p>
	</body> 
</html>

 

Code jQuery :
$(document).ready(function() {
    $("button").click(function() {
        $("p").toggle("slow", function() {
            if ($("p").is(":hidden")) {
                alert("Le paragraphe est caché.");
            } else {
                alert("Le paragraphe est visible.");
            }
        });
    });
});
Résultat

Ceci est un paragraphe

QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *