Como insertar jQuery en un proyecto

Para insertar jQuery en un proyecto, lo podemos hacer de dos formas distintas, ya sea enlazando directamente desde el servidor donde está alojada la librería jquery, o bien descargando el archivo y enlazandolo desde nuestra propia carpeta o ruta.

Podemos optar por la versión comprimida (compressed) o la descomprimida (uncompressed). Ambas funcionan exactamente igual.

Librería jQuery

Los enlaces para descargar los podéis encontrar en el siguiente enlace: https://jquery.com/download/

Ahora, partiendo de una página HTML simple, vamos a ver dónde deberíamos colocar la línea para insertar jQuery de una forma y de otra.

Si optamos por la primera opción, enlazando el archivo de la librería directamente desde el servidor, el código del archivo index.html sería el siguiente:

Copy to Clipboard

Como podemos observar en la línea 3, estamos cargando la librería jQuery desde un sitio web externo.

En cambio, si optamos por la segunda opción, añadiendo la librería desde nuestra propia carpeta del proyecto, suponiendo que se encuentra en la carpeta /js con  el nombre jquery-3.3.1.min.js, el archivo archivo index.html quedaría de la siguiente manera:

Copy to Clipboard

Se puede apreciar en la línea 3 que estamos cargando la librería jQuery desde una carpeta de nuestro proyecto.

De cualquiera de las dos formas quedaría insertada la librería jQuery en nuestro proyecto.

Finalmente, ya podemos empezar a utilizar las funciones de jQuery en nuestro proyecto para lo que necesitemos.

A continuación os dejo los enlaces de descarga de los dos proyectos.

¿Necesitas una impresora?

En este enlace encontrarás una selección de las mejores impresoras actuales

Ir a MejoresImpresoras.com

Se puede apreciar en la línea 3 que estamos cargando la librería jQuery desde una carpeta de nuestro proyecto.

De cualquiera de las dos formas quedaría insertada la librería jQuery en nuestro proyecto.

Finalmente, ya podemos empezar a utilizar las funciones de jQuery en nuestro proyecto para lo que necesitemos.

A continuación os dejo los enlaces de descarga de los dos proyectos y sus demos.

4.7 (94.86%) 35 votes

2020-10-09T09:29:50+00:00