Cómo usar ajax jquery para la programación html5 y css3
Aunque muchas bibliotecas AJAX / javascript pendientes están disponibles para HTML5 y CSS3 programadores, jQuery se ha convertido rápidamente en uno de los más destacados. Aquí hay algunas razones de la popularidad de jQuery:
Video: Como crear ventanas modales o Lightbox para tu web con jQuery, CSS y HTML
Es una biblioteca de gran alcance. El sistema de jQuery es increíblemente poderoso. Se puede hacer todo tipo de cosas impresionantes para hacer su javascript más fácil de escribir.
Es ligero. Es necesario incluir una referencia a la biblioteca de todos los archivos que necesita. Toda la librería jQuery cabe en 55K, que es más pequeño que muchos archivos de imagen. No va a tener un impacto significativo en la velocidad de descarga.
Es compatible con un mecanismo de selección flexible. jQuery simplifica en gran medida y se expande el document.getElementById mecanismo que es central para la manipulación DOM.
Tiene una gran ayuda de la animación. Puede usar jQuery para que aparezcan los elementos y se desvanecen, moverse y deslizarse.
Se hace AJAX consulta trivial. Usted se sorprenderá de lo fácil es AJAX con jQuery.
Video: Aprende jQuery: Cómo enviar datos mediante Ajax usando PHP
Tiene un mecanismo de eventos mejorada. javascript tiene un apoyo muy limitado para los eventos. jQuery añade una herramienta muy poderosa para agregar controladores de eventos a casi cualquier elemento.
Proporciona soporte multiplataforma. La biblioteca jQuery trata de gestionar los problemas de compatibilidad con el navegador para usted, por lo que no tiene que insistir tanto sobre exactamente qué navegador se está utilizando.
Es compatible con widgets de interfaz de usuario. jQuery viene con una potente biblioteca de interfaz de usuario, incluyendo herramientas HTML no tienen, como los controles de arrastrar y soltar, deslizadores y selectores de fecha.
Es altamente extensible. jQuery tiene una biblioteca de plug-in que es compatible con todo tipo de características opcionales, incluyendo nuevos widgets y herramientas como la integración de audio, galerías de imágenes, menús y mucho más.
Se introduce nuevas y poderosas ideas de programación. jQuery es una gran herramienta para el aprendizaje de algunas ideas muy interesantes como la programación funcional y objetos encadenables.
Es de código libre y abierto. Está disponible bajo una licencia de código abierto, lo que significa que no cuesta nada de usar, y se puede revisarlo y cambiarlo si lo desea.
Es bastante típico. Si decide utilizar una biblioteca AJAX diferente, puede transferir las ideas que ha aprendido en jQuery.
Video: Aprendiendo jQuery: Cómo hacer un uploader de archivos con jQuery, HTML5 y CSS
Como instalar jQuery
La biblioteca jQuery es fácil de instalar y utilizar. Sigue estos pasos:
Ir jquery.com.
Descargar la versión actual.
Actualmente, la versión más actual es 1.10.2. Hay una serie 2.x, pero estas versiones no son compatibles con los navegadores más antiguos, por lo que no se adoptará hasta que los navegadores antiguos (particularmente IE 6 y menos) ya no se utilizan en absoluto.
Usted puede ser capaz de elegir entre una serie de versiones del archivo. La versión minimizada se recomienda el uso real. Para hacer este archivo lo más pequeño posible, se elimina todos los caracteres innecesarios. Este archivo es muy compacto, pero difícil de leer. Descargar la versión nonminimized si quieres leer realmente el código, pero por lo general es mejor incluir la versión minimizada en sus programas.
Almacenar el archivo resultante en el directorio de trabajo.
jQuery-1.10.2.min.js es la imagen actual.
Incorporar la biblioteca en sus páginas, simplemente enlazar con él como un archivo javascript externo:
Asegúrese de incluir el código anterior antes de escribir o incluir otro tipo de código que hace referencia a jQuery.
Cómo importar jQuery de Google
Fácil como lo es para añadir soporte jQuery, tiene otra gran manera de añadir jQuery (y otra biblioteca AJAX) el apoyo a sus páginas sin necesidad de descargar nada. Google tiene una versión disponible públicamente de varias bibliotecas importantes (incluyendo jQuery) que se pueden descargar desde sus servidores.
Esto tiene un par de ventajas interesantes:
Usted no tiene que instalar ninguna biblioteca. Todos los archivos de la biblioteca se mantienen en el servidor de Google.
La biblioteca se actualiza automáticamente. Siempre se tiene acceso a la versión más reciente de la biblioteca sin hacer ningún cambio en el código.
La biblioteca puede cargar más rápido. La primera vez que uno de sus páginas se lee la biblioteca desde los servidores de Google, usted tiene que esperar a que la descarga completa, pero luego la biblioteca se almacena en una cache (Una forma de memoria del navegador) para que las solicitudes posteriores son esencialmente inmediata.
He aquí cómo se hace:
En esencia, la carga jQuery de Google es un proceso de dos pasos:
Cargar el API de Google de Google.
Utilice la primera etiqueta para referirse al servidor API AJAX de Google. Esto le da acceso a la google.load () función.
Invocar google.load ()para cargar jQuery.
El primer parámetro es el nombre de la biblioteca que desea cargar.
El segundo parámetro es el número de versión. Si deja en blanco este parámetro, se obtiene la versión más reciente. Si especifica un número, Google le da la última variación de esa versión.
Tenga en cuenta que no es necesario instalar ningún archivo localmente para utilizar el enfoque de Google.
Todas estas opciones para la gestión de jQuery puede ser vertiginosa. Utilice el que la técnica funciona mejor para usted.