Aprende jQuery 1.3

Sinopsis

Para crear sitios interactivos interesantes, los desarrolladores están haciendo uso de librerías JavaScript como jQuery, para automatizar tareas comunes y simplificar las complicadas. Revisado y actualizado para las versiones 1.3 de jQuery, este libro le enseña los fundamentos básicos de jQuery para añadir interacciones y animaciones a sus páginas, y le ayudará a superar los escollos asociados con AJAX, eventos, efectos y características avanzadas del lenguaje JavaScript. Con este manual aprenderá soluciones detalladas a problemas específicos del lado del cliente, los pasos que pueden dar los diseñadores web para crear elementos interactivos para sus diseños, cómo utilizar ejemplos y código proporcionado con explicaciones claras y cuáles son las mejores técnicas para añadir estilo a sus acciones con efectos de animación y las características disponibles en jQuery 1.0, entre muchas cosas más. Prólogo Introducción Qué trata este libro Qué necesita para este libro Para quién es este libro Convenciones Código fuente 1. Empezar a trabajar Qué hace jQuery Por qué jQuery funciona bien Historia del proyecto jQuery Nuestra primera página Web con jQuery Descargar jQuery Configurar el documento HTML Añadir jQuery Encontrar el texto del poema Aplicar la nueva clase Ejecutar el código El producto terminado Resumen 2. Selectores El DOM La función factory $() Selectores CSS Aplicar estilo a niveles de elementos de lista Selectores de atributo Aplicar estilo a vínculos Selectores personalizados Aplicar estilo a filas alternas Selectores de formulario Métodos transversales DOM Aplicar estilo a celdas específicas Encadenar Acceder a elementos DOM Resumen 3. Eventos Llevar a cabo tareas al cargar la página Planificación de la ejecución de código Múltiples scripts en una página Métodos abreviados para código Coexistir con otras librerías Eventos sencillos Un sencillo conmutador de estilo Habilitar los otros botones Contexto de manejador de evento Mayor consolidación Eventos abreviados Eventos compuestos Mostrar y ocultar características avanzadas Destacar elementos sobre los que se hace clic El viaje de un evento Efectos secundarios del burbujeo de eventos Alterar el viaje: el objeto event Destinos de los eventos Detener la propagación de evento Acciones predeterminadas Delegación de evento Eliminar un manejador de evento Espacio de nombres de evento Volver a vincular eventos Simular interacción de usuario Eventos de teclado Resumen 4. Efectos Modificaciones CSS en línea Métodos básicos ocultar y mostrar Efectos y velocidad Aplicar velocidad Aparecer y desaparecer de forma paulatina Efectos compuestos Crear animaciones personalizadas Alternar el aparecer y desaparecer paulatino Animar múltiples propiedades Posicionar con CSS Efectos simultáneos frente a "en cola" Trabajar con un solo conjunto de elementos Trabajar con múltiples conjuntos de elementos Rellamadas En pocas palabras Resumen 5. Manipulación DOM Manipular atributos Atributos que no son clase La función factory $() revisada Insertar nuevos elementos Mover elementos Marcar, numerar y vincular el contexto Anexar pies de página Situar elementos alrededor de otros Copiar elementos Clonar con eventos Clonar citas Una desviación CSS De vuelta al código Embellecer las citas Métodos de manipulación DOM Resumen 6. AJAX Cargar datos bajo demanda Añadir HTML Trabajar con objetos JavaScript Recuperar un objeto JavaScript Funciones jQuery globales Ejecutar un script Cargar un documento XML Elegir un formato de datos Pasar datos al servidor Llevar a cabo una petición GET Llevar a cabo una petición POST Serializar un formulario Estar pendiente de la petición AJAX y eventos Limitaciones de seguridad Utilizar JSONP para datos remotos Opciones adicionales El método AJAX de bajo nivel Modificar opciones predeterminadas Cargar partes de una página HTML Resumen 7. Manipulación de tabla Ordenar y paginar Ordenación del lado del servidor Impedir que la página se refresque Ordenación JavaScript Etiquetas de agrupación de filas Ordenación alfabética básica El poder de los plug-ins Problemas de rendimiento Manipular las teclas de ordenar Ordenar otros tipos de datos Resaltar columna Alternar la dirección de la ordenación Paginación del lado del servidor Ordenar y paginar van juntos Paginación JavaScript Mostrar el paginador Habilitar los botones del paginador Marcar la página actual Paginación con ordenación El código terminado Modificar la apariencia de la tabla Resaltar filas Alternar color de filas Alternar colores de fila avanzado Resaltar filas basado en interacción del usuario Descripciones emergentes Contraer y expandir secciones Filtrado Opciones de filtro Invertir los filtros Interactuar con otro código El código terminado Resumen 8. Formularios con funciones Mejorar un formulario básico Estilo de formulario mejorado de forma progresiva La leyenda Mensajes de campo obligatorio Campos mostrados condicionalmente Validación de formulario Campos obligatorios Formatos obligatorios Una última comprobación Manipulación de casilla de verificación El código terminado Formularios compactos Texto como marcador de posición para campos Autocompletar AJAX En el servidor En el navegador Completar el campo de búsqueda Navegación por medio de teclado Gestionar las teclas del cursor Insertar sugerencias en el campo Eliminar la lista de sugerencias Autocompletar frente a live search El código terminado Trabajar con datos de formulario numéricos Estructura de tabla de carro de la compra Rechazar entrada no numérica Cálculos numéricos Analizar y aplicar formato a moneda Tratar con decimales Otros cálculos Redondear valores Toques finales Eliminar elementos Editar información de envío El código terminado Resumen 9. Rotativos Titular rotativo Configurar la página Recuperar el feed Configurar el rotativo La función rotar titular Detenerse al pasar por encima Recuperar un feed de un dominio diferente Añadir un indicador de carga Efecto degradado El código terminado Un carrusel de imágenes Configurar la página Revisar los estilos con JavaScript Mover las imágenes cuando se hace clic Añadir animación deslizable Mostrar iconos de acción Ampliar imagen Ocultar la portada ampliada Mostrar un botón cerrar Más diversión con el etiquetado Animar la ampliación de la portada Aplazar las animaciones hasta que la imagen se carga Añadir un indicador de carga El código terminado Resumen 10. Utilizar plug-ins Encontrar plug-ins y ayuda Cómo utilizar un plug-in El plug-in Form Consejos y trucos La librería de plug-ins jQuery UI Efectos Animaciones de color Animaciones de clase Aceleración y desaceleración avanzada Efectos adicionales Componentes de interacción Widgets ThemeRoller Otros plug-ins recomendados Formularios Autocomplete Validation Jeditable Masked input Tablas Tablesorter jqGrid Flexigrid Imágenes Jcrop Magnify jQuery Lightbox y cuadros de diálogo modales FancyBox Thickbox BlockUI jqModal Gráficas Flot Sparklines Eventos hoverIntent Live query Resumen 11. Desarrollar plug-ins Añadir nuevas funciones globales Añadir múltiples funciones ¿Qué sentido tiene? Crear un método de utilidad Añadir métodos de objeto jQuery Cont