WayToLearnX » Développement Web » jQuery » Comment vérifier si un élément HTML est visible en jQuery

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

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

juillet 2, 2019février 10, 2020 Amine KOUIS 1 Commentaire

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
Ceci est un paragraphe

QCMs qui pourraient vous intéresser :

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

youjizz
novembre 10, 2019 à 8:34 pm
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 Annuler la réponse