Les filtres de visibilité

1. Élément visible

$(":visible")

Sélectionne les éléments qui sont visibles.

$("p:visible") : sélectionne les paragraphes <p> visibles.

Pour ce filtre jQuery, un élément est considéré comme visible s’il consomme de l’espace dans le document. Les propriétés CSS de visibilité ne sont pas prises en compte.

Exemple

Dotons les divisions visibles d’un arrière-plan de couleur.

images/C02-026.png

<!doctype html> 
<html lang="fr"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function() { 
        $("div:visible").css("background", "#9cf"); 
    }); 
</script> 
<style> 
    .hidden { 
        display:none; 
    } 
    div { 
        width: 40px;  
        height: 40px;  
        margin: 5px;  
        float: left; 
        border: 1px solid black; 
    } 
    p { 
   ...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les filtres de contenu
Suivant
Les filtres d'attribut