Agregar JQuery a un proyecto web

La librería de JQuery permite una interacción más fluida con el usuario, agregar JQuery a un proyecto web paso a paso.

Es posible implementar JQuery en proyectos desarrolladas con diversas tecnologías como ASP.Net, Python, Java, etc.

Veamos como agregar la librería de JQuery en un sitio web sencilla con HTML.

Para obtener JQuery debemos de ir a la página oficial y obtener la última versión o la versión que necesitemos.

Veremos tres opciones de descarga.

Production, es un script comprimido para proyectos que están en ambientes productivos.

Development, es un script sin comprimir que permite al desarrollador revisar el contenido.
Map file, es un archivo de mapeo del contenido de JQuery.

Descargamos la primera opción (Production) para nuestro proyecto, el script se abre en el explorador.

Tenemos dos maneras de agregar el script a nuestro proyecto.

Url del script, copiar la ruta de enlace que posteriormente agregaremos a los archivos HTML.
Descargar el archivo, agregar el script en la carpeta del proyecto.

Vamos a descargar el archivo para agregarlo directamente al directorio del proyecto.

Algunas ventajas de agregar directamente al proyecto son.

Ya tenemos la librería de JQuery, copiemos el script en la carpeta del proyecto, puede ser en la misma carpeta o en otra.

Al referenciar al script únicamente especificamos la ruta de acceso.

Al colocarlo en la misma ruta no indica que ya esta siendo utilizado por la página, para ello hay que agregarlo a los HTML.

Con el script referenciado ya podemos utilizar las funciones de JQuery, desde código JavaScript incrustado o de otro archivo.

Solo recuerda la importancia de la ubicación de las referencias, coloca primero la librería de JQuery para evitar errores en consola.

¡Listo! Tu proyecto web ya tiene la librería de JQuery para ser utilizado en tus archivos JavaScript.