Como comprobar si una página ha cargado la librería jQuery

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.
typeof javascript
typeof devuelve si una variable es numero, array, objeto, booleano o función

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».
instrucción typeof()
Ejemplo de uso de typeof() para comprobar que jQuery se ha cargado correctamente

¿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().

typeof javascript
typeof devuelve si una variable es numero, array, objeto, booleano o función

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!

¿Te ha gustado esta publicación?

¡Valora sobre 5 estrellas esta publicación!

Puntuación media / 5. Votos:

Todavía no hay votos. Sé el primero en valorar la entrada.

Si te ha gustado este contenido...

¡Sígueme en las redes!

Vaya, parece que hay puntos a corregir

¿Me ayudas a mejorar?

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.