jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS, o más precisamente, el Modelo de objetos del documento (DOM) y JavaScript. Al elaborar los términos, simplifica el recorrido y la manipulación de documentos HTML, el manejo de eventos del navegador, las animaciones DOM, las interacciones Ajax y el desarrollo de JavaScript entre navegadores.
El selector .class especifica la clase de un elemento que se seleccionará. No debe comenzar con un número. Da estilo a varios elementos HTML.
Sintaxis:
$(".class")
Parámetro:
- clase: Este parámetro es necesario para especificar la clase de los elementos a seleccionar.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$(".GEEKS").css("background-color", "pink");
});
</script>
</head>
<body>
<p class="GEEKS">Geeks For Geeks</p>
<span class="GEEKS">jQuery|.class selector
</span>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$(".GEEKS").css("background-color", "orange");
});
</script>
</head>
<body>
<div style="border:2px solid red" class="GEEKS">
Geeks For Geeks
</div>
<br>
<br>
<span class="GEEKS">jQuery|.class selector
</span>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Mozilla Firefox
- Borde
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por kartikgoel1999 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA