Índice

Introducción

El DOM, que permite al diseñador acceder a cada uno de los elementos de la página, ha relanzado el JavaScript. Pero hay que admitir que el acceso de padres a hijos y a otros hermanos no siempre es sencillo. En otras palabras, una simple modificación implica normalmente una reescritura completa del código. La librería de jQuery remedia en gran medida estos inconvenientes, gracias a sus numerosos selectores (consulte el capítulo Los selectores en jQuery) y métodos específicos para recorrer y manejar los elementos del DOM.

Para este capítulo vamos a usar una página tipo. Esta contiene una lista no ordenada con 5 elementos y una tabla con una fila y 5 columnas.

Observe también las cajas ejemplo y contenido, que intervendrán más adelante en nuestro estudio.

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<style> 
    table { 
        border: 1px solid black; 
        border-collapse:collapse; 
        width: 210px; 
    } 
    td { 
        border: 1px solid black; 
        text-align: center; 
    } 
    .contenido { 
        width: 210px; 
    } 
    .borde { 
        ...