Índice

Los filtros de visibilidad

1. Elemento visible

$(":visible")

Selecciona los elementos que son visibles.

$("p:visible"): selecciona los párrafos <p> visibles.

Para este filtro de jQuery, un elemento se considera como visible si ocupa espacio en el documento. Las propiedades CSS de visibilidad no se tienen en cuenta.

Ejemplo

Cambiamos el color de fondo a las cajas visibles.

images/2_7_1_v4.png
doctype html> 
<html lang="es"> 
<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 { 
        text-align: center; 
    } 
</style> 
</head> 
<body> 
<div>&nbsp;</div> 
<div class="hidden">&nbsp;</div> 
<div>&nbsp;</div>  ...