El selector [atributo] es un selector incorporado en jQuery, que se utiliza para seleccionar todos los elementos con el atributo especificado.
Sintaxis:
$("[attribute_name]")
Parámetro:
- nombre_atributo: Es el parámetro requerido que especifica el atributo a seleccionar.
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("[class]").css("color",
"green");
});
</script>
</head>
<body>
<center>
<!-- Class attribute-->
<h3 class>GeeksforGeeks</h3>
<p>A computer science portal for geeks</p>
<!--id attribute-->
<p id>Geek1</p>
<!--class attribute-->
<p class>Geek2</p>
<p>Geek3</p>
<!--class attribute-->
<div class> Thank You! </div>
</center>
</body>
</html>
Producción:
En el ejemplo anterior, todos los elementos con el atributo especificado (clase) tienen formato de color verde, es decir, «GeeksforGeeks», «Geek2» y «¡Gracias!».
Ejemplo-2:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("[class]").css("color",
"green");
});
</script>
</head>
<body>
<center>
<!-- Class(demo) attribute-->
<h3 class="demo">GeeksforGeeks</h3>
<p>A computer science portal for geeks</p>
<!--id attribute-->
<p id>Geek1</p>
<p>Geek2</p>
<!--class(test) attribute-->
<p class="test">Geek3</p>
<!--class(sample) attribute-->
<div class="sample"> Thank You! </div>
</center>
</body>
</html>
Producción:
En el ejemplo anterior, todos los elementos con el atributo especificado (clase) se formatean en color verde en lugar de considerar el valor del atributo. “GeeksforGeeks”, “Geek3” y “¡Gracias!” están formateados.
Publicación traducida automáticamente
Artículo escrito por vaishalichauhan3003 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA