Este tutorial le mostrará cómo instalar jQuery, una popular biblioteca de JavaScript. La mayoría de las personas eligen incluir scripts jQuery desde un CDN, pero también es común descargar e incluir scripts jQuery desde archivos locales o instalarlos usando un administrador de paquetes.
Descarga el script de jQuery
Para empezar la descarga:
- Entra en la pagina oficial de jQuery.
- Haga clic en la ultima versión (recomendamos la versión comprimida)
- Se abrirá una ventana con el código, haga clic derecho y guardar como..
Una ves descargado tendrá que incorporarlo a su proyecto
Instalación:
- Cree una carpeta en su proyecto llamado “js”
- Coloque archivo .js que descargó dentro de esa carpeta
- Escriba la siguiente línea de código en su proyecto:
<script src="js/NOMBRE_DEL_JS.js"></script>No olvide cambiar “NOMBRE_DEL_JS.js” por el nombre del JS que descargó, ejemplo:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Pagina web</title>
</head>
<body>
...
<script src="js/jquery-3.5.1.min.js"></script>
</body>
</html>Recomendamos incluir jQuery justo antes de la etiqueta <\body>.
Instalar jQuery por medio de CDN
También puede incrustar jQuery desde cualquier CDN. En la práctica, recomiendo hacer esto mientras su sitio está en producción. Esto asegura que su script se cargue lo más rápido posible. Esto se debe a que la red CDN «Content Delivery Network» tiene varios servidores en todo el mundo. Por lo tanto, siempre habrá menos demoras al recuperar archivos de esta manera.
Hay varios CDN disponibles. Éstos son algunos de ellos:
- Google: jQuery en la CDN de Google
- Microsoft: jQuery en la CDN de Microsoft
- CDNJS: jQuery en la CDN de CDNJS
- jsDelivr: jQuery en la CDN de jsDelivr
Este ejemplo utiliza CDN de Google. Para incluir jQuery desde cualquier CDN, simplemente enlace a la versión de jQuery que desea incluir, así:
<!DOCTYPE html>
<html lang="es">
<head>
<title>Pagina web</title>
</head>
<body>
...
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</body>
</html>En este ejemplo, agregamos jQuery versión 3.5.1. Además, siempre puede mantener una copia local de jQuery en su sistema para usar como respaldo.
