.addClass() de jQuery agrega clases CSS a los elementos seleccionados, permitiendo aplicar estilos específicos sin modificar el HTML o CSS existente.
Leer másMétodos.
Métodos.
El método .even() de jQuery se utiliza para seleccionar los elementos que se encuentran en posiciones pares dentro de un conjunto de elementos coincidentes. Esto es útil cuando necesitas aplicar estilos o realizar acciones sólo en los elementos en posiciones pares.
Definición:
El método .even() de jQuery selecciona todos los elementos en posiciones pares (índices 0, 2, 4, …) de un conjunto de elementos coincidentes.
Sintaxis:
index.js
JavaScript
$(selector).even();selector: Un selector que define el conjunto de elementos del cual se seleccionarán los elementos en posiciones pares.
Ejemplo:
index.html
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo .even().</title>
<style>
.resaltado {
background-color: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function() {
$("#botonResaltar").click(function() {
// Selecciona los párrafos en posiciones pares
$("p").even().addClass("resaltado");
});
});
</script>
</head>
<body>
<button id="botonResaltar">Resaltar Párrafos Pares</button>
<p>Párrafo 1: Este es el primer párrafo.</p>
<p>Párrafo 2: Este es el segundo párrafo.</p>
<p>Párrafo 3: Este es el tercer párrafo.</p>
<p>Párrafo 4: Este es el cuarto párrafo.</p>
<p>Párrafo 5: Este es el quinto párrafo.</p>
</body>
</html>
index.js
JavaScript
// Selecciona los párrafos en posiciones pares
$("p").even().addClass("resaltado");Explicación del Ejemplo:
En este ejemplo, tenemos cinco párrafos en la página. Al hacer clic en el botón “Resaltar Párrafos Pares”, se ejecuta una función que:
- Selecciona todos los párrafos usando
$("p"). - Usa
.even()para seleccionar los párrafos en posiciones pares (índices 0, 2, 4). - Aplica la clase
resaltadoa estos párrafos, cambiando su fondo a amarillo.
Esto permite que solo los párrafos en posiciones pares se destaquen, mostrando cómo utilizar el método .even() para trabajar con elementos específicos dentro de un conjunto.
Resultado.
Párrafo 1: Este es el primer párrafo (índice 0).
Párrafo 2: Este es el segundo párrafo (índice 1).
Párrafo 3: Este es el tercer párrafo (índice 2).
Párrafo 4: Este es el cuarto párrafo (índice 3).
Párrafo 5: Este es el quinto párrafo (índice 4).
