TOC

This article is currently in the process of being translated into Spanish (~47% done).

Introduction:

Getting started

Para utilizar jQuery, debe incluirlo en las páginas en las que desea aprovecharlo. Puede hacerlo descargando jQuery de su sitio web en jQuery.com. Generalmente hay una opción entre una versión de Production (comprimida) y una versión de Development (sin comprimir). Para aprender, recomendamos la versión de desarrollo.

Once the jQuery JavaScript file has been downloaded, you will have to reference it on your pages, using the <script> HTML tag. The easiest way is to place the downloaded jquery.js file in the same directory as the page from where you wish to use it and then reference it like this, in the <head> section of your document:

<script type="text/javascript" src="jquery-3.3.1.js"></script>

Un bloque de tu página debería verse de esta manera:

<head>    
<title>jQuery test</title>    
<script type="text/javascript" src="jquery-3.3.1.js"></script>    
</head>

Una forma más reciente, en lugar de que tengas que descargar y almacenar el jQuery, es incluirlo desde un CDN (Red de distribución de contenidos). Existen varios de estos CDNs, incluyendo los que provienen de Googley Microsoft, los cuales almacenandiferentes versiones de jQuery y otros entornos de trabajo de JavaScript. Esto te ahorra tener que descagar y almacenar un entorno de trabajo (Framework) de JQuery, además proporciona una ventaja más importante. Debido a que el archivo proviene desde una URL en común y otros sitios web pueden usarla, las probabilidades de que un usuario tenga en caché almacenado este tipo de framework JQuery con la misma version e incluso con el mismo archivo facilitan la tarea de mostrar la página. A parte de eso muchas de las CDNs se aseguran en el momento en el que un usuario solicite un archivo de alguna de estas, sean usados los servidores más cercanos, evitando así que, por ejemplo, un usuario europeo no obtenga un archivo desde Estados Unidos.

You can use jQuery from a CDN just like you would do with the downloaded version, only the URL changes. For instance, to include jQuery 3.3.1 from Google, you would write the following:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

I suggest that you use this approach, unless you have a specific reason for hosting jQuery yourself. Here is a link to the jQuery CDN information from Google:

Google jQuery CDN

Here's the information about using jQuery from a CDN from the official jQuery website:

code.jquery.com

Summary

Using jQuery can be accomplished by downloading the library or adding a reference to it on one of the many CDNs. Either way, you will usually get the choice between an uncompressed developer version and a compressed production version. For development and testing, use the uncompressed version to get more precise errors and understanding of the library. For production, you should use the compressed version to save bandwidth for your end-users, which will also result in faster load times for your website.

As soon as you have added jQuery to your page, as described above, you are ready to move on and learn more about jQuery in the coming chapters!

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!