Cómo configurar y comenzar a usar jQuery?

JQuery es una de las bibliotecas JavaScript más utilizadas de la época actual, JQuery permite a sus usuarios realizar funciones que normalmente requieren muchas líneas de código con solo unas pocas oraciones cortas de JavaScript. Los desarrolladores de jQuery han envuelto funcionalidades importantes que un desarrollador web requiere con bastante frecuencia en diferentes funciones que luego puede implementar simplemente llamando a la función y siguiendo una sintaxis específica.

Pero, cómo configurar jQuery en su proyecto? Bueno, hay 3 formas principales de importar jQuery en su proyecto. Estos 3 métodos son:

• Descargar jQuery y agregarlo en su archivo HTML como un script
• Uso de una jQuery alojada CDN en su proyecto
• Si está trabajando en un proyecto NodeJS, puede instalar jQuery desde el NPM

Pasemos los tres métodos

Método 1: Descargar y vincular jQuery en su proyecto

La primera y más estándar forma de configurar y usar jQuery es ir a su sitio web oficial.

En el sitio web de JQuery, hay dos versiones diferentes disponibles para descargar, una de las versiones se conoce como el "Versión de producción"Y el otro es conocido como el"Versión de desarrollo". La principal diferencia entre ambas versiones es que la de producción se comprime y es la más adecuada para los sitios web en vivo, mientras que el Development One es una versión sin comprimir para probar características recientemente lanzadas y características beta también.

Una vez que haya descargado la versión, parece adecuada, debe incluir el archivo jQuery en el HTML con el etiqueta de guión Porque, al final del día, JQuery es la biblioteca de JavaScript.

Para este enlace, utiliza las siguientes líneas de código:

Y con estos ahora está listo para escribir el código jQuery en su sitio web.

Método 2: Uso de una jQuery alojada CDN en su proyecto

CDN significa Network de entrega de contenido, y puede usar jQuery que está alojado en un CDN, por ejemplo, CDN de Google. Vaya a Google y busque "JQuery CDN Google" y obtendrá un enlace a JQuery de Google CDN como se muestra a continuación:

Copie este enlace y péguelo dentro de su archivo HTML en la etiqueta de script, se verá así

El uso de una jQuery alojada CDN tiene sus propios beneficios, primero y la principal ventaja de usar esto es que su jQuery siempre está actualizado. Y en segundo lugar, la mayoría de los navegadores se han topado con una jQuery alojada en CDN mientras navegan por Internet, por lo que cuando el cliente llega a su sitio web, su navegador no necesita descargar el jQuery, ya que ya está presente en su memoria de caché.

Método 3: Uso de NPM para instalar jQuery

JQuery también está disponible en la biblioteca NPM y, por lo tanto, se puede instalar en un proyecto NodeJS utilizando la siguiente línea en el terminal del editor de código:

NPM Instalar jQuery

Y si está trabajando en una CLI basada en hilos, puede instalar jQuery usando la siguiente línea:

hilo Agregar jQuery

Y eso es sobre cómo configurar jQuery, ahora puede escribir su código con jQuery incluido dentro de él.

Usando jQuery

Para demostrar el uso de jQuery, cree un nuevo archivo HTML y agregue las siguientes líneas en ese archivo:

Soy un campo de texto

Con estos obtendrá la siguiente salida en su navegador:

Ahora, cree una etiqueta de script y escriba las siguientes líneas jQuery dentro de ella para cambiar el color de fondo del campo de texto:

Con estas líneas observará el siguiente cambio en la salida:

Eso es todo, has configurado y usado con éxito jQuery.

Conclusión

jQuery es una biblioteca de JavaScript imprescindible cuando se trata de sitios web de codificación debido al hecho de que esto ahorra toneladas de tiempo para el desarrollador. JQuery contiene operaciones de uso frecuente para el desarrollo web que requieren varias líneas de código envueltas dentro de una función que luego se puede utilizar utilizando la cantidad mínima de código mínima. JQuery se puede incluir dentro de nuestro proyecto de tres maneras diferentes y hemos cubierto las tres formas en esta publicación.