Instalación de jQuery

Añadir jQuery a su página web

Para usar jQuery, debe descargar la biblioteca jQuery (se explicará a continuación) y agregarla a la página web que desee utilizar.

La biblioteca jQuery es un archivo JavaScript que puede ser referenciado utilizando la etiqueta <script> de HTML:

<head>
<script src="jquery.js"></script>
</head>

Por favor, asegúrese de que la etiqueta <script> esté ubicada en la sección <head> de la página.

Consejo:¿Te preguntas por qué no usamos type="text/javascript" en la etiqueta <script>?

En HTML5, no es necesario hacerlo. JavaScript es el lenguaje de script predeterminado en HTML5 y todos los navegadores modernos!

Descargar jQuery

Hay dos versiones de jQuery disponibles para descargar:

  • Versión de producción - Usada en sitios web reales, ha sido optimizada y comprimida.
  • Versión de desarrollo - Usada para pruebas y desarrollo (no comprimida, es código legible)

Ambas versiones están disponibles en jQuery.com Descargar.

Consejo:Puede poner el archivo de descarga en el mismo directorio que la página, lo que es más conveniente para usar.

Opción alternativa

Si no desea descargar y almacenar jQuery, también puede usarlo a través de CDN (Content Delivery Network).

Los servidores de Google y Microsoft almacenan jQuery.

Para referenciar jQuery de Google o Microsoft, utilice uno de los siguientes códigos:

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

Prueba personalmente

Consejo:Obtenga la versión más reciente disponible a través de Google CDN:

Si observa la URL de Google - en la URL se especifica la versión de jQuery (1.8.0). Si desea usar la versión más reciente de jQuery, también puede eliminar un número de la cadena de versión (por ejemplo, en este caso 1.8), Google devolverá la versión más reciente disponible de la serie 1.8 (1.8.0, 1.8.1, etc.), o también puede dejar solo el primer número, entonces Google devolverá la versión más reciente disponible de la serie 1 (desde 1.1.0 hasta 1.9.9).

Microsoft CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

Prueba personalmente

Consejo:Tener un gran beneficio al usar jQuery de Google o Microsoft:

Muchos usuarios ya han cargado jQuery desde Google o Microsoft al visitar otros sitios. Como resultado, cuando visitan su sitio, jQuery se carga desde la caché, lo que reduce el tiempo de carga. Además, la mayoría de los CDN (Content Delivery Networks) aseguran que cuando los usuarios solicitan archivos, se les devuelve una respuesta desde el servidor más cercano al usuario, lo que también mejora la velocidad de carga.