Argumento de Jquery. el Framework Javascript de la Web 2.0
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.
Después de una presentación del framework, el autor dedica un capítulo a los selectores, que no sólo 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 aplicar hojas de estilo CSS. Siguen los eventos clásicos de JavaScript, pero sobre todo de jQuery. También se presentan los efectos visuales, tan numerosos como originales y se detalla el estudio del DOM y de AJAX visto 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 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 desarrolladores de jQuery son muy dinámicos y las versiones se suceden regularmente. En los diferentes capítulos del libro se integran los aspectos perfeccionados o realmente nuevos. De manera particular, podemos mencionar los nuevos eventos focusin y focusout, nuevos métodos para explorar o filtrar el DOM y, sobre todo, las funciones diferidas que permiten una administración más profunda de los elementos que no existen al crear el código en los procesos asíncronos AJAX.
Los elementos adicionales se pueden descargar en www.ediciones-eni.com.
Los capítulos del libro:
Introducción Primeros pasos con jQuery Los selectores en jQuery Trabajar con los atributos 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 jQuery0- 1. El regreso de JavaScript
- 2. Presentación de jQuery
- 3. Los puntos fuertes de jQuery
- 4. Aplicación de jQuery
- 5. Iniciar un script jQuery
- 6. La primera aplicación jQuery
- 7. La documentación de jQuery
- 8. Herramientas de desarrollo y de depuración
- 1. Introducción
- 2. Los selectores básicos
- 2.1 Selección por identificador
- 2.2 Selección por nombre de la etiqueta
- 2.3 Selección por clase
- 3. Los selectores jerárquicos
- 3.1 Selección de los descendientes
- 3.2 Selección de los hijos
- 3.3 Selección de los hermanos siguientes
- 3.4 Selección del elemento siguiente
- 4. Los filtros jQuery básicos
- 4.1 El primer elemento
- 4.2 El último elemento
- 4.3 Los elementos pares
- 4.4 Los elementos impares
- 4.5 Un elemento concreto
- 4.6 Los elementos siguientes
- 4.7 Los elementos anteriores
- 4.8 Las etiquetas de título
- 4.9 Exclusión de un elemento
- 5. Los filtros hijos
- 5.1 El primer hijo
- 5.2 El último hijo
- 5.3 El enésimo hijo
- 5.4 Los hijos pares e impares
- 5.5 Los hijos únicos
- 6. Los filtros de contenido
- 6.1 Un texto dado
- 6.2 Un contenido vacío
- 6.3 Ser padre
- 6.4 Un selector concreto
- 7. Los filtros de visibilidad
- 7.1 Elemento visible
- 7.2 Elemento oculto
- 8. Los filtros de atributo
- 8.1 El atributo
- 8.2 El atributo con un determinado valor
- 8.3 El atributo que no tiene un valor determinado
- 8.4 El atributo cuyo valor empieza por
- 8.5 El atributo cuyo valor termina por
- 8.6 El atributo cuyo valor contiene
- 8.7 Los filtros múltiples de atributo
- 9. Los selectores y filtros de formularios
- 10. Los selectores y los caracteres especiales
- 1. Introducción
- 2. Añadir o eliminar una clase
- 3. Comprobar la presencia de una clase
- 4. Cambiar entre dos clases
- 5. Conocer el valor de un atributo
- 6. Añadir un atributo y su valor
- 7. Añadir varios atributos y sus valores
- 8. Eliminar un atributo
- 9. Conocer el atributo value
- 10. Modificar el atributo value
- 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
- 7.1 Redimensionar el tamaño de los caracteres
- 7.2 Zoom sobre una imagen con una leyenda
- 7.3 Un tooltip con jQuery
- 1. Introducción
- 2. Los administradores de eventos
- 2.1 Al hacer clic con el ratón
- 2.2 Al hacer doble clic
- 2.3 El foco
- 2.4 Perder el foco
- 2.5 La barra de desplazamiento
- 2.6 El botón del ratón
- 2.7 El desplazamiento del cursor
- 2.8 Entrada y salida del cursor
- 2.9 Enviar una consulta
- 2.10 Otros eventos
- 3. Métodos o administradores de eventos avanzados
- 3.1 Unir un evento a un objeto
- 3.2 Ejecutar una función sólo una vez
- 3.3 Desencadenar un evento particular
- 3.4 Delegar un evento
- 4. Métodos propios dejQuery
- 4.1 Al pasar el ratón
- 4.2 Cambiar de una situación a otra
- 5. Aplicaciones
- 5.1 Un menú desplazado
- 5.2 Zoom en una viñeta
- 1. Introducción
- 2. Mostrar y ocultar
- 2.1 Mostrar y ocultar texto
- 2.2 Desplegar listas anidadas
- 3. Desplazar verticalmente
- 3.1 Desplazar una capa
- 3.2 Un menú desplegable vertical
- 4. Hacer un efecto de fundido
- 4.1 Aparición y desaparición progresiva
- 4.2 Jugar con la opacidad
- 5. Cambiar de un efecto a otro
- 5.1 Ejemplo del efecto de cambio
- 5.2 Un menú acordeón
- 6. Retrasar un efecto
- 7. Crear una animación
- 7.1 Una animación en una capa
- 7.2 Una animación avanzada
- 7.3 Un efecto original al pasar el ratón por encima
- 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
- 1. Introducción
- 2. Modificar el contenido
- 3. Insertar en el interior
- 3.1 Primer método
- 3.2 Segundo método
- 4. Insertar en el exterior
- 5. Rodear un elemento
- 6. Sustituir un elemento
- 7. Eliminar un elemento
- 7.1 Eliminar un elemento
- 7.2 Vaciar un elemento
- 8. Copiar un elemento
- 9. Algunas aplicaciones
- 9.1 Añadir un pie de página y los enlaces de regreso
- 9.2 Añadir y eliminar elementos de una lista
- 9.3 Añadir un icono a los enlaces externos
- 9.4 Añadir bordes redondeados
- 1. Introducción
- 2. El filtrado de los elementos del DOM
- 2.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
- 11.1 Filtrar una lista
- 11.2 Filtrar una lista según dos criterios
- 11.3 Navegación por pestañas
- 1. Introducción
- 2. Las consultas AJAX abreviadas
- 2.1 Cargar un archivo
- 2.2 Sólo cargar en caso de modificación
- 2.3 Cargar siguiendo el método GET o POST
- 2.4 Cargar un script
- 3. La consulta AJAX completa
- 4. Definir una consulta por defecto
- 5. Los eventos asociados a la consulta
- 5.1 ajaxSend()
- 5.2 ajaxStart()
- 5.3 ajaxStop()
- 5.4 ajaxSuccess()
- 5.5 ajaxComplete()
- 5.6 ajaxError()
- 6. Las funciones diferidas
- 7. Serializar los datos
- 8. Aplicaciones
- 8.1 Un icono de carga
- 8.2 Un léxico en AJAX
- 1. Introducción
- 2. Detectar el navegador
- 2.1 Por el nombre del navegador
- 2.2 Por las capacidades del navegador
- 3. Evitar los conflictos
- 4. Iteraciones en jQuery
- 1. Introducción
- 2. Los selectores de formularios
- 3. Los filtros de selección
- 3.1 Los elementos marcados
- 3.2 Los elementos seleccionados
- 4. Aplicaciones
- 4.1 Seleccionar todas las casillas de selección
- 4.2 Confirmar un comando
- 4.3 Un formulario de inscripción original
- 1. Introducción
- 2. Diseñar un plug-in jQuery
- 2.1 Aspectos teóricos
- 2.2 Una aplicación práctica
- 3. Usar un plug-in jQuery
- 4. Algunos plug-ins
- 4.1 Nuevos mensajes de alerta
- 4.2 Bordes redondeados y variados
- 4.3 Añadir una sombra
- 4.4 Arrastrar/soltar (drag and drop)
- 4.5 Redimensionar las capas
- 4.6 Un carrusel de imágenes
- 4.7 Un menú de tipo Mac
- 4.8 La validación de formularios
- 4.9 Gráficos a partir de una tabla
- 4.10 Ordenar una tabla de datos