Cómo utilizar la librería jQuery en blog, html, php, wordpress, joomla, etc..

Vamos a aprender a utilizar jquery en nuestras web o blog es sencillo si deseas descargar jQuery.com podrás hacerlo desde su web una vez hecho esto deberás colocar el archivo descargado en una carpeta por lo general llamada js para no tener desordenado nuestro hosting.

Por lo general cada carpeta en nuestro hosting tiene nombre para poder identificar su contenido por ejemplo si tengo una carpeta con imágenes lo normal sería ponerle imágenes como nombre y dentro de ella poner todas las imágenes a utilizar . Lo mismo podemos hacer con los jQuery es una forma de identificar y tener un poco de orden en nuestro hosting sin tener todo desordenado y posteriormente provocando un caos enorme o confusión ya que podríamos confundir nombres de archivos.

Adicionalmente a las carpetas no podemos asignar nombres con caracteres especiales del teclado ya que en ciertas ocasiones no dejaría y en otras ocaciones no encontraría la ruta indicada es recomendable usar letras del alfabeto sin acentos ni mayúsculas ejemplo. ñ Ñ

Bién una vez subido nuestro archivo al hosting en su respectiva carpeta deberíamos ir a nuestro archivo en este caso llamado index.html o como lo tengas llamado y entre las etiquetas <head> y <⁄head> deberás colocar la ruta de tu archivo ejemplo :

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

Como te darás cuenta en esta línea ya estamos llamando al archivo jquery y la ruta que deberás indicar se encuentra dentro de src js es el nombre de la carpeta seguido de un slash y el nombre del archivo

Esto lo podríamos hacer con los archivos a utilizar en nuestra web ejemplo estilos, imágenes, enlaces y más..

En otro caso un número de empresas grandes proporcionan copias de jQuery alojado en los actuales CDN redes que están disponibles para uso público.

A continuación se presentan enlaces a los ejemplares alojados en CDN de jQuery que puede utilizar.

API AJAX de Google CDN (También es compatible con SSL a través de HTTPS)

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Google Ajax documentación CDN




Microsoft CDN (También es compatible con SSL a través de HTTPS)

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

jQuery CDN (a través de Media Temple)

Versión miniaturizada

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

Versión para el Desarrollo (completa)

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>

Fuentes :

http://jquery.com

Relacionado