Cómo usar ajax jquery para HTML5 y CSS3 programación

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:

  • Es una biblioteca de gran alcance. El sistema de jQuery es increíblemente poderoso. Se puede hacer todo tipo de cosas impresionantes para hacer más fácil tu javascript para escribir.

  • Es ligero. Es necesario incluir una referencia a la biblioteca de todos los archivos que necesita. Toda la biblioteca 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 y amplía el document.getElementById mecanismo que es central para la manipulación DOM.

  • Cuenta con un gran apoyo de la animación. Puede usar jQuery para que aparezcan elementos y se desvanecen, mover y diapositivas.

  • Hace AJAX consulta trivial. Usted se sorprenderá de lo fácil es AJAX con jQuery.

  • 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 librería jQuery intenta gestionar los problemas de compatibilidad del 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 biblioteca de interfaz de usuario de gran alcance, incluyendo las herramientas HTML no tiene, al igual que los controles de arrastrar-y-soltar, deslizadores y selectores de fecha.

  • Es altamente extensible. jQuery tiene una biblioteca de plug-in que soporta todo tipo de funciones opcionales, incluyendo nuevos widgets y herramientas como la integración de audio, galerías de imágenes, menús y mucho más.

  • 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 gratuito y de código abierto. Está disponible bajo una licencia de código abierto, lo que significa que no cuesta nada de usar, y puede revisarlo y cambiarlo si lo desea.

  • Es bastante típico. Si usted elige utilizar una biblioteca AJAX diferente, aún puede transferir las ideas que aprendió en jQuery.

Cómo instalar jQuery

La librería jQuery es fácil de instalar y utilizar. Sigue estos pasos:

  1. Ir a jquery.com.

  2. Descargue 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 para el uso real. Para hacer este archivo lo más pequeño posible, se retiró cada carácter innecesario. Este archivo es muy compacto, pero difícil de leer. Descargue la versión nonminimized si quieres realmente leer el código, pero por lo general es mejor incluir la versión minimizada en sus programas.

  3. Guarde el archivo resultante a su directorio de trabajo.

    jQuery-1.10.2.min.js es la imagen actual.

Para incorporar la biblioteca en sus páginas, basta con vincular a ella como un archivo externo javascript:

 

Asegúrese de incluir el código anterior antes de escribir o incluir otro código que se refiere a jQuery.

Cómo importar jQuery de Google

Fácil, ya que es para añadir soporte jQuery, usted 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 quedan en el servidor de Google.

  • La biblioteca se actualiza automáticamente. Usted siempre tiene acceso a la última versión de la biblioteca sin realizar ningún cambio al código.

  • La biblioteca puede cargar más rápido. La primera vez que una de sus páginas se lee la biblioteca desde los servidores de Google, usted tiene que esperar a la descarga completa, pero entonces la biblioteca se almacena en un cache (una forma de memoria del navegador) de modo que las solicitudes posteriores son esencialmente inmediata.

He aquí cómo se hace:

src ="http://google.com/jsapi"> lt;/ script>

Esencialmente, la carga jQuery de Google es un proceso de dos pasos:

  1. Cargar el API de Google de Google.

    Utilice la primera etiqueta para referirse al servidor API de Google AJAX. Esto le da el acceso a la google.load () función.

  2. Invocar google.load ()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 este parámetro en blanco, 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.




    » » » » Cómo usar ajax jquery para HTML5 y CSS3 programación