jQuery Incluir etiqueta de script en el encabezado de la página HTML


Ejemplo

Para cargar jQuery desde el CDN oficial, vaya al sitio web de jQuery. Verás una lista de diferentes versiones y formatos disponibles.

Página de jQuery CDN que indica las versiones de jQuery disponibles

Ahora, copie la fuente de la versión de jQuery, que desea cargar. Supongamos que desea cargar jQuery 2.X , haga clic en la etiqueta descomprimida o minificada que le mostrará algo como esto:

Se seleccionó la etiqueta de script emergente con la versión jQuery

Copie el código completo (o haga clic en el icono de copia) y péguelo en el <head> o <body> de su html.

La mejor práctica es cargar cualquier biblioteca de JavaScript externa en la etiqueta de cabecera con el atributo async . Aquí hay una demostración:

<!DOCTYPE html>
    <html>
      <head>
         <title>Loading jquery-2.2.4</title>
         <script src="https://code.jquery.com/jquery-2.2.4.min.js" async></script>
      </head>
      <body>
          <p>This page is loaded with jquery.</p>
      </body>
   </html>

Cuando utilice un atributo async tenga en cuenta que las bibliotecas de javascript se cargan y ejecutan de forma asíncrona tan pronto como estén disponibles. Si se incluyen dos bibliotecas donde la segunda biblioteca depende de la primera, en este caso, si la segunda biblioteca se carga y se ejecuta antes de la primera biblioteca, puede generar un error y la aplicación puede fallar.