in

Instalar jQuery en tu página web

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:


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.

Written by Davii

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Agregar CSS personalizado a pagina WordPress

Generar numero aleatorio con JavaScript