This article has been localized into Spanish by the community.
Vamos a empezar!
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.
Una vez descargado el archivo jQuery JavaScript, deberá referenciarlo en sus páginas, utilizando la etiqueta HTML <script>. La forma más sencilla es colocar el archivo jquery.js descargado en el mismo directorio que la página desde donde desea usarlo y luego referenciarlo en la sección <head> de su documento:
<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.
Puedes usar JQuery desde un CDN tal y como lo harías con la versión descargada, solo la URL cambia. Por ejemplo, para incluir JQuery 3.3.1 desde Google, tendrías que escribir lo siguiente:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>Sugiero que uses este enfoque, a menos que tengas una razón especifica para almacenar JQuery tu mismo. Acá esta un enlace para la información del CDN de JQuery desde Google:
Acá esta la información para usar JQuery desde un CDN desde el sitio oficial de JQuery:
Resumen
Podemos usar JQuery descargando la librería o añadiendo una referencia a ella en uno de varios CDNs. De todas maneras, normalmente puedes elegir entre una versión para desarrollador descomprimida o comprimida para producción. Para pruebas de desarrollo use la versión descomprimida para obtener errores más precisos y entender la librería. Para producción, debes usar la versión comprimida para ahorrar ancho de banda para usuarios finales, lo que resultará en tiempos de carga mas rápidos para tu sitio web.
Tan pronto como añadas JQuery a tu página, como fue descrito arriba, estás listo para seguir adelante y aprender más sobre JQuery en los próximos capítulos.