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:
Hay casos en los que es más práctico navegar por el DOM para llegar hasta los nodos con los que queremos interactuar. Comparamos los métodos usados en javascript puro con los que usaríamos en jQuery.
¿Qué aprender primero? Gentileza de Stack Overflow algunas pistas. ¿Primero javascript o python? ¿Continuar con jquery o node.js?
Ejercicio jQuery en el que se plantea escribir un accordion. Incluye solución y explicación.
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.
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.
Ejercicio jQuery en el que se pinta un tablero de ajedrez. Incluye dos soluciones. Una específica de jQuery y otra mezclando javascript puro.
No Comments