Ahora que hemos cubierto la gama de funciones disponibles para nosotros con jQuery, podemos examinar cómo poner la biblioteca en acción. Para empezar, necesitamos una copia de jQuery.
El sitio oficial de jQuery (http://jquery.com/) siempre tiene la versión más actualizada y estable de la biblioteca, que se puede descargar directamente desde la página principal del sitio. Varias versiones de jQuery pueden estar disponibles en cualquier momento; la versión más apropiada para nosotros como desarrolladores de sitios será la última versión sin comprimir de la biblioteca. Esta puede ser reemplazada por una versión comprimida en entornos de producción.
Como la popularidad de jQuery ha crecido, las empresas han vuelto al archivo libremente disponible a través de sus redes de distribución de contenido (CDN).
Lo más notable es que Google (http://code.google.com/apis/ajaxlibs/documentation/) y Microsoft (http://www.asp.net/ajax/cdn) ofrecen el archivo en poderosos servidores de baja latencia distribuidos en todo el mundo para una descarga rápida independientemente de la ubicación del usuario.
Mientras que una copia CDNhosted de jQuery tiene ventajas de velocidad debido a la distribución del servidor y el almacenamiento en caché, el uso de una copia local puede ser conveniente durante el desarrollo. A lo largo de este libro usaremos una copia del archivo almacenado en nuestro propio sistema, que nos permitirá ejecutar nuestro código, ya sea que esté conectado a Internet o no.
ara mantener la amplia gama de características descritas anteriormente mientras se mantiene relativamente compacto, jQuery emplea varias estrategias:
Descargando jQuery
No se requiere instalación. Para usar jQuery, solo necesitamos una copia pública del archivo, si esa copia está en un sitio externo o el nuestro. Como JavaScript es un lenguaje interpretado, no hay ninguna compilación o fase de construcción para la cual preocuparse. Siempre que necesitamos una página para tener jQuery disponible, simplemente nos referiremos a la ubicación del archivo desde un elemento <script> en el documento HTML.El sitio oficial de jQuery (http://jquery.com/) siempre tiene la versión más actualizada y estable de la biblioteca, que se puede descargar directamente desde la página principal del sitio. Varias versiones de jQuery pueden estar disponibles en cualquier momento; la versión más apropiada para nosotros como desarrolladores de sitios será la última versión sin comprimir de la biblioteca. Esta puede ser reemplazada por una versión comprimida en entornos de producción.
Como la popularidad de jQuery ha crecido, las empresas han vuelto al archivo libremente disponible a través de sus redes de distribución de contenido (CDN).
Lo más notable es que Google (http://code.google.com/apis/ajaxlibs/documentation/) y Microsoft (http://www.asp.net/ajax/cdn) ofrecen el archivo en poderosos servidores de baja latencia distribuidos en todo el mundo para una descarga rápida independientemente de la ubicación del usuario.
Mientras que una copia CDNhosted de jQuery tiene ventajas de velocidad debido a la distribución del servidor y el almacenamiento en caché, el uso de una copia local puede ser conveniente durante el desarrollo. A lo largo de este libro usaremos una copia del archivo almacenado en nuestro propio sistema, que nos permitirá ejecutar nuestro código, ya sea que esté conectado a Internet o no.
Configurando jQuery En Un Documento HTML
Hay tres piezas para la mayoría de los ejemplos de uso de jQuery: el documento HTML, archivos de estilo CSS y archivos JavaScript para actuar en él. Para nuestro primer ejemplo, utilizaremos una página con un extracto de uno de nuestro artículos que tiene varias clases aplicadas a partes de la misma. Esta página incluye una referencia a la última versión de la librería jQuery, que hemos descargado, renombrada jquery.js, y esta ubicada en nuestro directorio de proyectos local, de la siguiente manera:ara mantener la amplia gama de características descritas anteriormente mientras se mantiene relativamente compacto, jQuery emplea varias estrategias:
- Aprovechando el conocimiento de CSS: basando el mecanismo para localizar elementos de página en los selectores CSS, jQuery hereda una forma concisa y legible de expresar la estructura de un documento. La biblioteca jQuery se convierte en un punto de entrada
para los diseñadores que quieren añadir comportamientos a sus páginas, ya que un requisito previo para hacer el desarrollo web profesional es tener conocimiento de la sintaxis CSS.
- Con las Extensiones de soporte: Para evitar el deslizamiento de las funciones, jQuery relega los usos de specialcase a los complementos. El método para crear nuevos complementos es simple y bien documentado, lo que ha impulsado al desarrollo de una amplia variedad de módulos inventivos y útiles. La mayoría de las características de la descarga básica de jQuery se realizan internamente a través de la arquitectura del complemento, y se pueden quitar si se desea,
produciendo una biblioteca aún más enfocada a lo que se quiere si se desea.
- Abstracción de las peculiaridades del navegador: Una desafortunada realidad en el desarrollo web es que cada navegador tiene su propio conjunto de desviaciones de estándares publicados. Una porción significativa de cualquier aplicación web puede ser relegada para manejar características de forma diferente en cada plataforma. Mientras que el panorama del navegador en constante evolución hace que una base de código completamente neutral para el navegador sea imposible para algunas características avanzadas, jQuery agrega una capa de abstracción que normaliza las tareas comunes, reduciendo el tamaño del código mientras que lo simplifica enormemente.
- Siempre trabaja con sets: Cuando instruimos a jQuery, a "Buscar todos los elementos con la clase plegable y ocultarlos", no hay necesidad de recorrer cada elemento devuelto. En su lugar, métodos como .hide () están diseñados para trabajar automáticamente en conjuntos de objetos en lugar de los individuales. Esta técnica, llamada iteración implícita, significa que muchas construcciones de bucle se vuelven innecesarias, reduciendo considerablemente el código.
- Permitir múltiples acciones en una línea: Para evitar el uso excesivo de variables temporales o la repetición inútil, jQuery emplea un patrón de programación llamado encadenamiento
para la mayoría de sus métodos. Esto significa que el resultado de la mayoría de las operaciones en un objeto es el propio objeto, listo para la siguiente acción que se le aplicará.
La elegancia de la biblioteca se produce en parte por el diseño, y en parte debido al proceso evolutivo impulsado por la vibrante comunidad que ha surgido alrededor del proyecto. Los usuarios de jQuery se reúnen para discutir no sólo del desarrollo de complementos, sino también de las mejoras de la biblioteca central. Los usuarios y desarrolladores también ayudan a mejorar continuamente la documentación oficial del proyecto, que se puede encontrar en Proyecto jQuery
A pesar de todos los esfuerzos necesarios para diseñar un sistema tan flexible y robusto, el producto final es gratuito para todos. Este proyecto de código abierto está licenciado bajo licencia MIT (que permite el uso gratuito de jQuery en cualquier sitio y facilita su uso dentro de cualquier software de propiedad) y la GNU Public License (apropiada para su inclusión en otros proyectos de código abierto con licencia GNU).
0 comments so far,add yours