Cargar script the jQuery en HTML
jQuery es una biblioteca multiplataforma de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web
Cuando hablamos de incluir jQuery en HTML o cargar el script de jQuery, o implementar jQuery en tu página Web, realmente a lo que nos referimos es básicamente a cargar un archivo con código de js, en este caso, la biblioteca de jQuery, y hacer que esta se encuentre presente en el HTML.
Enconces, Incluir jQuery en HTML consiste en cargar un archivo js por medio de la etiqueta de html script.
Cargar script de jQuery en HTML a través de un CDN
Puede usted incluir su propia copia de jQuery, o podrías incluir jQuery desde las bibliotecas de Google de este modo no descargas el archivo a tu local, y solo usas una referencia a un CDN que Google tiene donde almacena archivos.
En este ejemplo, en la linea 6 puedes ver como se hace carga del jQuery a través de este modo.
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Taller de jQuery</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> </body> </html> |
Cargar script de jQuery en HTML a través de un archivo local
Si por el contrario quisieras cargar jQuery con una version especifica y además de no depender de conexión a internet, deberás descargar el archivo, guardarlo en tu proyecto y agregarlo de la siguente manera.
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Taller de jQuery</title> <script src="js/jquery-2.0.0.min.js"></script> </head> <body> </body> </html> |
En la línea 6, se esta haciendo la carga de un archivo de jquery que se encuentra descargado y alamacenado entre los mismos archivos de tu proyecto, en este caso, en un folder llamado js.
Optimizar la carga del script de jQuery en HTML poniendo al final del body.
Tome en cuenta que la carga de scripts siempre representa un proceso antes de la carga de la página. De modo que si usted no requiere el script al inicio, es decir, ningún componente de tu página requiere jQuery para renderearse, se recomienda hacer la carga hasta el final del body, de la siguiente manera.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Taller de jQuery</title> </head> <body> Aqui va toda tu página Al final se carga el script <script src="js/jquery-3.min.js"></script> </body> </html> |
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.
me dejaste en lo mismo, gracias creo…
Alejandro, que información no te ha quedado clara? o qué tipo de información estabas buscando?
Alejandro:
debes descargar jquery desde la pagina official y ya dependiendo donde este posicionado lo mandaras a llamar como el ejemplo.
https://jquery.com/
Solo sería copiarlo en html, como sería cargarlo? me puedes echar una mano? Muchas gracias!