English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Entrada a jQuery

En este capítulo, aprenderá cómo integrar jQuery en su página web.

Añadir jQuery a su página web

Hay dos formas de usar jQuery:

  • DesdejQuery.comDescargar la biblioteca jQuery

  • Incluir jQuery del CDN, como Google, Baidu, etc.

Descargar jQuery

Primero, descargue una copia de jQuery y áñadaela a su documento.

Se pueden descargar dos versiones de jQuery:

  • versión comprimida-para su sitio web en tiempo real, ya que ha sido reducido y comprimido

  • versión sin comprimir-para pruebas y desarrollo (código sin comprimir y legible)

Se puede obtener desde el siguientela dirección webDescargue estas dos versiones:https : //jquery.com/download/.

Después de descargar el archivo jQuery, verá que tiene una extensión .js, ya que jQuery es una biblioteca de JavaScript, por lo que puede incluir el archivo jQuery en el archivo HTML<script>elemento, como si se añadiera un archivo JavaScript común.

  <head>
  <script src="jquery-3.4.1.min.js"></script>
  </head>

Incluya el archivo jQuery antes de los scripts personalizados; de lo contrario, cuando su código jQuery intente acceder a la API de jQuery, no estarán disponibles.

Incluir jQuery del CDN

Si no desea descargar y alojar jQuery usted mismo, puede incluirlo desde un CDN (red de entrega de contenido).

Ambos Staticfile y Microsoft proporcionan el contenido de la última versión.

Para usar Staticfile o jQuery de Microsoft, utilice uno de los siguientes métodos:

Staticfile CDN:
<head>
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
</head>
Microsoft CDN:
<head>
  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
</head>

Al alojar jQuery en servidores distribuidos por todo el mundo, los CDN pueden proporcionar ventajas en el rendimiento. Esto también ofrece una ventaja: si los visitantes de su página web ya han descargado una copia de jQuery del mismo CDN, no es necesario volver a descargarla.

Ventajas de usar un CDN de jQuery:

Cuando los usuarios visitan otro sitio, muchos ya han descargado jQuery de Staticfile o Microsoft. Por lo tanto, cuando visitan su sitio web, el archivo se cargará desde la caché, lo que acortará el tiempo de carga. Además, la mayoría de los CDN aseguran que, una vez que el usuario solicite el archivo, se proporcionará desde el servidor más cercano, lo que también acortará el tiempo de carga.