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

Vous pouvez utiliser le sélecteur jQuery :visible pour vérifier si un élément est visible dans l’écran ou non.
 
 

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

 

Code jQuery:
$(document).ready(function() {
    $("button").click(function() {
        $("p").toggle("slow", function() {
            if ($("p").is(":visible")) {
                alert("Le paragraphe est visible.");
            } else {
                alert("Le paragraphe est caché.");
            }
        });
    });
});
Résultat
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

Une réflexion sur “Comment vérifier si un élément HTML est visible en jQuery

  • Avatar
    novembre 10, 2019 à 8:34
    Permalien

    Comment vérifier qu’une option est sélectionnée dans un menu avec JQuery, et si ce n’est pas le cas lui attribuer une option par défaut ?

    Répondre

Laisser un commentaire

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