El Selector :visible se utiliza para seleccionar todos los elementos que están actualmente visibles en el documento.
El elemento visible no admite ninguna de las condiciones que se dan a continuación:
- Establecer para mostrar: ninguno
- Elementos de formulario con type=”hidden”
- Ancho y alto establecidos en 0
- Un elemento principal oculto (esto también oculta elementos secundarios)
Sintaxis:
$(":visible")
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("p:visible").css(
"background-color", "green");
});
</script>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
jQuery :visible Selector
</h2>
<p>GeeksForGeeks</p>
<p style="display:none;">
A Computer science portal for Geeks.
</p>
<p>
A computer science portal for geeks.
</p>
<h4>Sudo Placement</h4>
<div>GFG</div>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con jQuery :visible Selector se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA