Índice

Los filtros jQuery básicos

jQuery enumera todos los elementos del DOM, por lo que se convierte en una tarea sencilla filtrar determinados elementos como el primero, el último, etc.

1. El primer elemento

$(":first")

Selecciona la primera ocurrencia de un elemento.

$("li:first"): selecciona la primera ocurrencia de lista <li> del docu-mento.

El selector :first selecciona un único elemento, mientras que :first-child (consulte Los filtros hijos - El primer hijo en este capítulo) permite seleccionar varios, es decir, uno para cada padre.

Ejemplo

Cambiemos el color de fondo a la primera fila de una tabla.

images/2_4_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() { 
        $("tr:first").css("background", "#9cf"); 
    }); 
</script> 
<style> 
    table { 
        width: 210px; 
        border-collapse: collapse; 
        border: 1px solid black; 
    } 
    td { 
        text-align: center; 
        border: 1px solid black; 
    } 
</style> 
</head> 
<body> 
<table> 
  ...