Este libro se dirige a expertos o posibles expertos en la creación de sitios Web. Conocer, incluso controlar JavaScript, las hojas de estilo CSS, del DOM y de AJAX, son requisitos previos indispensables para entender y poner en práctica este libro.

En él, el autor ha dado prioridad a un enfoque estructurado y progresivo. Cada tema de jQuery se ilustra con un ejemplo, antes de pasar a practicar sobre aplicaciones más puntuales.

Esta nueva edición del libro coincide con una evolución importante del framework jQuery. La versión jQuery 3.1 se caracteriza por un tamaño reducido del API para acelerar la carga; desaparecen numerosos métodos y se modifican funciones. Los lectores que quieran iniciarse en jQuery empezarán con una librería remodelada cuyos principios seguirán siendo los mismos durante mucho tiempo. Para los desarrolladores que utilicen una versión más antigua de jQuery y que deseen migrar a esta nueva versión, el autor avisa a lo largo del libro de los problemas que se pueden encontrar en esta migración.

Después de una presentación del framework, el autor dedica un capítulo a los selectores, que no solo muestran la diversidad  de jQuery para acceder de manera sencilla a cualquier elemento de la página, sino que también son un concepto fundamental en el aprendizaje de jQuery. En los capítulos siguientes, el lector descubrirá los elementos interactivos de jQuery; en primer lugar, cómo manipular los atributos (añadir, modificar o eliminar sobre la marcha) y después la aplicación de hojas de estilo CSS. Le siguen los eventos clásicos de JavaScript, pero sobre todo los que aporta jQuery. Después se presentan los efectos visuales, tan numerosos como originales, el estudio de DOM y de AJAX remodelados por jQuery. El capítulo final revisa alguno de los numerosos plug-ins desarrollados por la comunidad jQuery, que permiten añadir, en pocas líneas de código, efectos cuanto menos espectaculares.

Cuando termine de leer el libro, el lector podrá desarrollar aplicaciones web más interactivas, ricas e innovadoras, todo ello con una facilidad de escritura de JavaScript insospechada.

Los elementos adicionales se pueden descargar en el sitio web www.ediciones-eni.com.


Los capítulos del libro:
Prefacio – Primeros pasos con jQuery – Los selectores en jQuery – Trabajar con los atributos y las propiedades – Trabajar con las hojas de estilo CSS – Los eventos – Los efectos – Recorrer el DOM – Trabajar con el DOM – Filtrar el DOM – AJAX en jQuery – Algunas utilidades – Los formularios – Los plug-ins jQuery

Descargas

• Descargar los ejemplos del libro (1,76 Mo)

Prefacio

1. Introducción

Primeros pasos con jQuery

1. El regreso de JavaScript
2. Presentación de jQuery
3. Los puntos fuertes de jQuery
4. Las diferentes versiones de jQuery
5. Aplicación de jQuery
6. Iniciar un script jQuery
7. La primera aplicación jQuery
8. La documentación de jQuery
9. Herramientas de desarrollo y de depuración

Los selectores en jQuery

1. Introducción
2. Los selectores básicos
   1. 1. Selección por identificador
   2. 2. Selección por nombre del elemento
   3. 3. Selección por clase
3. Los selectores jerárquicos
   1. 1. Selección de los descendientes
   2. 2. Selección de los hijos
   3. 3. Selección de los hermanos siguientes
   4. 4. Selección del elemento siguiente
4. Los filtros jQuery básicos
   1. 1. El primer elemento
   2. 2. El último elemento
   3. 3. Los elementos pares
   4. 4. Los elementos impares
   5. 5. Un elemento concreto
   6. 6. Los elementos siguientes
   7. 7. Los elementos anteriores
   8. 8. Las etiquetas de título
   9. 9. Exclusión de un elemento
   10. 10. Los elementos según su tipo
5. Los filtros hijos
   1. 1. El primer hijo
   2. 2. El último hijo
   3. 3. El enésimo hijo
   4. 4. Los hijos pares e impares
   5. 5. Los hijos únicos
6. Los filtros de contenido
   1. 1. Un texto determinado
   2. 2. Un contenido vacío
   3. 3. Ser padre
   4. 4. Un selector concreto
7. Los filtros de visibilidad
   1. 1. Elemento visible
   2. 2. Elemento oculto
8. Los filtros de atributo
   1. 1. El atributo
   2. 2. El atributo con un determinado valor
   3. 3. El atributo que no tiene un valor determinado
   4. 4. El atributo cuyo valor empieza por
   5. 5. El atributo cuyo valor termina por
   6. 6. El atributo cuyo valor contiene
   7. 7. Los filtros múltiples de atributo
9. Los selectores y filtros de formularios
10. Los selectores y los caracteres especiales

Trabajar con los atributos y las propiedades

1. Introducción
2. Añadir o eliminar una clase CSS
3. Comprobar la presencia de una clase CSS
4. Cambiar entre dos clases CSS
5. Conocer el valor de un atributo HTML
6. Añadir un atributo HTML y su valor
7. Añadir varios atributos HTML y sus valores
8. Eliminar un atributo HTML
9. Conocer el valor del atributo value
10. Modificar el atributo value
11. Conocer la propiedad de un elemento HTML
12. Modificar la propiedad de un elemento HTML
13. Eliminar la propiedad de un elemento HTML

Trabajar con las hojas de estilo CSS

1. Introducción
2. Acceder a una propiedad de estilo
3. Modificar las propiedades de estilo
4. Asignar las propiedades de estilo
5. El dimensionamiento
6. El posicionamiento
7. Aplicaciones
   1. 1. Redimensionar el tamaño de los caracteres
   2. 2. Zoom sobre una imagen con una leyenda
   3. 3. Un tooltip con jQuery

Los eventos

1. Introducción
2. Los administradores de eventos
   1. 1. Al hacer clic con el ratón
   2. 2. Al hacer doble clic
   3. 3. El foco
   4. 4. Perder el foco
   5. 5. La barra de desplazamiento
   6. 6. El botón del ratón
   7. 7. El desplazamiento del cursor
   8. 8. Entrada y salida del cursor
   9. 9. Enviar una consulta
   10. 10. Otros eventos
3. Métodos o administradores de eventos avanzados
   1. 1. Unir un evento a un objeto (on)
   2. 2. Unir un evento a un objeto (bind)
   3. 3. Delegar un evento
   4. 4. Ejecutar una función solo una vez
   5. 5. Desencadenar un evento particular
   6. 6. Al pasar el ratón
4. Aplicaciones
   1. 1. Un menú desplazado
   2. 2. Zoom en una viñeta

Los efectos

1. Introducción
2. Mostrar y ocultar
   1. 1. Mostrar y ocultar texto
   2. 2. Desplegar listas anidadas
3. Desplazar verticalmente
   1. 1. Desplazar una capa
   2. 2. Un menú desplegable vertical
4. Hacer un efecto de fundido
   1. 1. Aparición y desaparición progresiva
   2. 2. Jugar con la opacidad
5. Cambiar de un efecto a otro
   1. 1. Ejemplo del efecto de cambio
   2. 2. Un menú acordeón
6. Retrasar un efecto
7. Crear una animación
   1. 1. Una animación en una capa
   2. 2. Una animación avanzada
   3. 3. Un efecto original al pasar el ratón porencima

Recorrer el DOM

1. Introducción
2. Encontrar los hijos
3. Encontrar los padres directos
4. Encontrar todos los padres
5. Encontrar los padres hasta
6. Encontrar los hermanos
7. Encontrar el hermano anterior
8. Encontrar los hermanos anteriores
9. Encontrar los hermanos anteriores hasta
10. Encontrar el hermano siguiente
11. Encontrar los hermanos siguientes
12. Encontrar los hermanos siguientes hasta
13. Encontrar el contenido
14. Encontrar determinados padres
15. Encontrar determinados descendientes
16. Añadir elementos a la selección
17. Una lupa para agrandar las viñetas

Trabajar con el DOM

1. Introducción
2. Modificar el contenido
3. Insertar en el interior
   1. 1. Primer método
   2. 2. Segundo método
4. Insertar en el exterior
5. Rodear un elemento
6. Sustituir un elemento
7. Eliminar un elemento
   1. 1. Borrar un elemento
   2. 2. Vaciar un elemento
8. Copiar un elemento
9. Algunas aplicaciones
   1. 1. Añadir un pie de página y los enlacesde regreso
   2. 2. Añadir y eliminar elementos de una lista
   3. 3. Añadir un icono a los enlaces externos

Filtrar el DOM

1. Introducción
2. El filtrado de los elementos del DOM
   1. 1. Por una expresión
   2. 2. Por una función
3. Encontrar un elemento concreto
4. Encontrar una secuencia de elementos
5. Encontrar un elemento según un criterio
6. Reducir al primer elemento
7. Reducir al último elemento
8. Reducir a un elemento concreto
9. Eliminar un elemento
10. Formar una tabla (array) de elementos
11. Aplicaciones
    1. 1. Filtrar una lista
    2. 2. Filtrar una lista según dos criterios
    3. 3. Navegación por pestañas

AJAX en jQuery

1. Introducción
2. Las consultas AJAX abreviadas
   1. 1. Cargar un archivo
   2. 2. Cargar solo en caso de modificación
   3. 3. Cargar siguiendo el método GET o POST
   4. 4. Cargar un script
3. La consulta AJAX completa
4. Definir una consulta por defecto
5. Los eventos asociados a la consulta
   1. 1. ajaxSend()
   2. 2. ajaxStart()
   3. 3. ajaxStop()
   4. 4. ajaxSuccess()
   5. 5. ajaxComplete()
   6. 6. ajaxError()
6. Las funciones diferidas
7. Serializar los datos
8. Aplicaciones
   1. 1. Un icono de carga
   2. 2. Un léxico en AJAX

Algunas utilidades

1. Introducción
2. Evitar los conflictos
3. Iteraciones en jQuery
4. Almacenar y recuperar datos
5. Encontrar un elemento del DOM
6. Buscar un elemento concreto
7. Conocer el número de elementos
8. Convertir en array los elementos encontrados

Los formularios

1. Introducción
2. Los selectores de formularios
3. Los filtros de selección
   1. 1. Los elementos marcados
   2. 2. Los elementos seleccionados
4. Aplicaciones
   1. 1. Seleccionar todas las casillas de selección
   2. 2. Confirmar un comando
   3. 3. Un formulario de inscripción original

Los plug-ins jQuery

1. Introducción
2. Diseñar un plug-in jQuery
   1. 1. Aspectos teóricos
   2. 2. Una aplicación práctica
3. Usar un plug-in jQuery
4. Algunos plug-ins
   1. 1. jQuery UI
      1. a. Requisitos
      2. b. Instalación
      3. c. El menú con pestañas
      4. d. El menú en acordeón
      5. e. Los calendarios
      6. f. Los cuadros de diálogo
      7. g. Los botones
      8. h. Los tooltips
      9. i. Los cursores
      10. j. La barra de progreso
      11. k. Los contadores numéricos
      12. l. Arrastrar/soltar (drag/drop)
   2. 2. Bordes variados
   3. 3. Textos redondeados
   4. 4. Tooltips
   5. 5. Desvelar las contraseñas
   6. 6. Hacer zoom sobre una imagen
   7. 7. Ampliar una miniatura
   8. 8. Un carrusel de imágenes
   9. 9. Gráficos a partir de una tabla
   10. 10. Ordenar una tabla de datos