JQuery: conexión a una página web

Tabla de contenido:

JQuery: conexión a una página web
JQuery: conexión a una página web
Anonim

jQuery es una biblioteca de Javascript que se centra en cómo funcionan juntas las tecnologías HTML, JavaScript y CSS.

Qué puede hacer jQuery

La biblioteca puede trabajar con la siguiente lista de tareas:

  • puede acceder absolutamente a cualquier elemento del modelo de objetos de página (DOM) y realizar manipulaciones complejas con ellos;
  • administración de eventos admitida;
  • hay funcionalidad para varios efectos gráficos y animaciones;
  • trabajo simplificado con la tecnología de carga dinámica AJAX (una característica muy importante y extremadamente útil, pero no se trata de eso ahora);
  • jQuery tiene una gran cantidad de complementos propios, cuya función principal es implementar interfaces gráficas de usuario y la interacción del usuario con ellas.

Versiones comprimidas y sin comprimir de la biblioteca

Los desarrolladores tienen varias opciones para el script: una está comprimida y la otra no. La versión completa es muy conveniente para usar en la etapa de codificación y depuración (prueba) de aplicaciones web. La versión minimizada, por otro lado, tendrá pocas ventajas útiles durante la depuración, pero se carga mucho más rápido y ocupa menos espacio. Entonces, una versión comprimida de jQuery es apropiadausar ya en el proyecto terminado, porque ahorra tráfico del servidor y espacio en disco.

conexión jquery
conexión jquery

Cómo elegir la versión correcta de jQuery

Hay varias corrientes principales en jQuery hoy en día: las ramas 1.x, 2.x y 3.x. Su notable diferencia es que, a partir de la segunda versión, se suspendió cualquier soporte para navegadores obsoletos, como el navegador de Microsoft Corporation - Internet Explorer, hasta la octava versión inclusive.

Esta decisión permitió reducir el volumen físico de datos en la biblioteca en un diez por ciento y optimizar levemente su trabajo. Sin embargo, aún existen en el mundo ordenadores domésticos y corporativos donde se instala como navegador principal el antiguo Internet Explorer, aunque el porcentaje de estos usuarios no supera el 3% a nivel mundial. Por lo tanto, depende de usted admitir o no la plataforma obsoleta.

Los desarrolladores de jQuery se adhieren a los principios de compatibilidad con versiones anteriores. Esto significa que el código escrito para la versión 1.7 de la biblioteca también funcionará con la versión 1.8. Pero a veces la empresa desarrolladora elimina funciones de jQuery que no son útiles, por lo que es mejor volver a leer la documentación de la nueva versión si va a actualizar.

En 2016, se lanzó una nueva rama de jQuery. Era la versión 3.0, que se volvió aún más rápida y liviana que las versiones anteriores. Finalmente se eliminaron los hacks para implementar algunas funciones en navegadores obsoletos, lo que permitió que la biblioteca se posicionara como una herramienta de desarrollo moderna y poderosa.

Si tuel proyecto ya está vinculado a alguna biblioteca, luego calcule primero los costos de mano de obra para la actualización. Si el beneficio de la nueva versión vale la pena, no dude en comenzar a trabajar. Para todos los desarrolladores que recién comienzan a usar la herramienta en sus proyectos, es recomendable comenzar directamente con las últimas versiones.

Cómo comenzar con jQuery

El primer paso es conectar jQuery. Para hacer esto, debe descargar directamente la biblioteca desde el recurso para desarrolladores de jquery.com, o desde un espejo, y colocar la biblioteca en su servidor web.

Ahora hagamos la conexión real de jQuery a la página web. La conexión de varias secuencias de comandos en el lenguaje de marcado de hipertexto se maneja mediante la etiqueta de secuencia de comandos. Conecte jQuery con el siguiente código:

conexión jquery
conexión jquery

Esta opción es buena para la conexión sin conexión, pero hay muchas otras formas de usar el servidor.

Conectar jQuery mediante servicios en la nube

Google proporciona el servicio de bibliotecas alojadas, mediante el cual cualquier persona puede conectar un marco de trabajo o biblioteca popular a su aplicación web. Para conectar jQuery a través de Google Cloud Storage, use la cadena que coincida con la versión seleccionada en el siguiente patrón:

cómo incluir la biblioteca jquery
cómo incluir la biblioteca jquery

Los números en la columna de versiones corresponden al número de versión que está disponible para la instalación y seguir trabajando con ella. Para conectar cualquiera de las versiones intermedias basta con copiarlonúmero numérico en la cadena de conexión en lugar de los números especificados en el ejemplo.

Siempre puede ver la lista de versiones actuales en:

developers.google.com/speed/libraries/jquery

Si no confía en Google por algún motivo, pero desea saber cómo obtener la biblioteca jQuery de un servidor de confianza externo, utilice el repositorio de Microsoft.

incluir biblioteca jquery
incluir biblioteca jquery

jQuery es una de las mejores herramientas para crear fácilmente animaciones en páginas web. Una vez que se dé cuenta del poder de esta herramienta, estará muy contento de haber comenzado a aprender sobre esta biblioteca.

Los escépticos entre estudiantes y desarrolladores creen que es mejor implementar todo usando un lenguaje de programación puro, sin usar bibliotecas de terceros. Pero debe comprender que el archivo jQuery tiene solo treinta y dos kilobytes, y lo más probable es que ya esté en el caché del navegador de su usuario si incluye el script a través de Google. Así que no tengas miedo de aprender herramientas que faciliten la vida de un desarrollador. Después de todo, para esto incluimos la biblioteca jQuery, para no reinventar la rueda.

Recomendado: