12 Jun Como comprobar si una página ha cargado la librería jQuery
Te has armado de valor y has decidido que vas a dar el paso de javascript a jQuery.
Cargas la librería javascript en tu página web o la importas vía CDN (content delivery network) y escribes tus primeras líneas de código que has leído en este tutorial o cualquier otro de la red.
¡Y oh terror!
No funciona nada y en la consola del navegador te saltan unos errores que no terminas de comprender muy bien.
Bueno, no perdemos la calma, ¿estás seguro que tu web está cargando jQuery?
La instrucción typeof()
Dado un contenido o variable typeof(…) devuelve el tipo de variable. Recordar que en javascript podemos tener
- strings
- boolean
- number
- function
- object. Siendo los arrays, las fechas y los objetos tipos distintos de objetos.
La prueba del algodón
Cuando escribimos $ nos referimos a la variable jQuery. (Tener en cuenta que las funciones son un tipo especial de variable).
Cuando acompañamos $() estamos solicitando al navegador que ejecute de forma inmediata la función $. Esto es lo que significa ().
La función devuelve un array cuando se la llama.
En resumen,
- typeof($) debe devolver «function»
- $() debe devolver «object».
¿Que hacer si aún así no obtienes la respuesta que buscabas?
¡Alto!
No te precipites.
Hay ocasiones en las que estás haciendo la prueba para una plantilla wordpress o similar. A menudo los desarrolladores les gusta mucho el $ y lo usan para otras librerías que entran en conflicto con jQuery.
Para esos casos los desarrolladores de jQuery han previsto noConflict() del cual hablaré más adelante en este guía jQuery. No voy a entrar a desarrollar este punto en esta entrada.
La cuestión es que si no te funciona $ y $() puedes probar con el texto jQuery y jQuery().
Hey querido lector!
Gracias por llegar hasta aquí. TE animo a seguir leyendo este tutorial. Verás que al principio jQuery puede resultar complejo pero en realidad no es tan complicado.
El lenguaje está tan mitificado que parece que tenga que ser difícil
¡Mucho ánimo y adelante!
Entradas relacionadas:
Es importante no liarse con Javascript. Se explica como modificar el css mediante jquery y sin perder de vista el JS puro.
Tutorial paso a paso dónde explico como acoplar jQuery en un documento web. Se detallan también algunos errores típicos que no deberías cometer.
En esta entrada vemos como llamar nodos del DOM mediante jQuery haciendo la transición desde javascript. Vemos las similitudes y diferencies en Javascript y como podemos hacer la transición de JS a jQ...
Ejercicio jQuery en el que se pinta un tablero de ajedrez. Incluye dos soluciones. Una específica de jQuery y otra mezclando javascript puro.
Ejercicio en el que se pide simular la histórica etiqueta blink de Netscape. Incluye solución y explicación.
Explicamos como consultar y/o modificar los atributos de un nodo web con jQuery. También repasamos el concepto de atributo y como sería en JS.
No Comments