Fundamentos de jQuery: Usar jQuery con otras librerías JavaScript

En este artículo veremos la manera de manejar jQuery con otras librerías en nuestro código sin tener algún conflicto.

A pesar de que jQuery es una librería que ofrece grandes facilidades y proporciona una serie de herramientas poderosas que cubren la gran mayoría de las necesidades base de los desarrolladores de páginas Web, puede presentarse el momento y el caso en el que una página requiera el uso de múltiples librerías o frameworks de Javascript para que el código pueda desempeñarse de manera adecuada.

Esta situación es común de presentarse al momento que estamos realizando una transición de una librería a otra en nuestro proyecto, ya sea por solicitud o necesidad una transición representa momentos en que el código se encuentra inestable y es importante tener el respaldo de la librería que hemos escogido. Si anteriormente no usábamos jQuery en nuestro proyecto, es importante saber que la librería nos ofrece como respaldo la opción de utilizar varias librerías al mismo tiempo en nuestras páginas.

Una de las principales características de jQuery desde su inicio, es que su equipo de trabajo y desarrolladores se han preocupado por crear una librería enfocada en lograr la total satisfacción de las necesidades de la comunidad de usuarios que la respalda, más que buscar bloquear otras librerías, jQuery ha hecho posible la convivencia poniendo a disposición herramientas que permitan conectar.

La codificación del “core” de jQuery se llevo acabo siguiendo, al pie de la letra, las directrices establecidas dentro de las mejores prácticas, evitando que los identificadores contaminaran el espacio establecido para los nombres y variables globales, lo que podía haber causado una interferencia no sólo con otras librerías sino también con los nombres que el usuario deseaba utilizar en la página, por ello la incursión del delimitador jQuery y su alias $. Un buen ejemplo para observar este tipo de práctica son las funciones de utilidad que vimos en uno de los anteriores artículos.

Aunque es poco probable que cualquier otra librería tenga una buena razón para definir un identificador global llamado jQuery, existe la gran posibilidad latente de que el alias $ sí sea definido; ya que muchas otras librería de JavaScript, como Prototype, utiliza el nombre $ para sus propios fines y debido a que este uso es fundamental para el correcto funcionamiento de ambas librerías esto puede causar un serio conflicto.

Los autores de jQuery, actuando de manera reflexiva y buscando una solución al problema, han proporcionado como medio para eliminar este conflicto una función de utilidad con el nombre de noConflict(), cuya sintaxis completa es de la siguiente manera:

jQuery.noConflict(); 

Gracias a esta función, cada vez que se llamen varias librerías y sean cargadas, el valor del signo de dolar ($) regresará a ser el definido por la librería que no es jQuery, es por ello que les mencionaba en los primeros artículos de esta serie, que muchos los expertos recomiendan seguir utilizando el nombre completo de la función jQuery() en vez de su alias, de esta manera evitarán conflictos y reescrituras.

Conclusión

De esta manera concluimos la primera etapa de nuestro curso de jQuery, los fundamentos de la librería han sido abarcados de forma rápida y sencilla para poder tener las bases que nos permitirán desarrollar en los futuros proyectos. A lo largo de estos primeros artículos hemos cubierto una gran cantidad de material útil para la creación y mantenimiento que una página demanda.

A pesar de que jQuery únicamente introduce dos nuevos identificadores globales, la librería provee una gran funcionalidad, haciendo que la función jQuery() y su alias $() sean de gran versatilidad, ajustando su operación a los parámetros proporcionados. Basta con leer esta serie de fundamentos para darnos cuenta que dicha función puede utilizarse para muchas operaciones.

Hasta el momento hemos observado como jQuery nos permite reducir el número de líneas de código, disminuye conflictos de nombres y nos ahorra tiempo de planeación y codificación, ahora es tiempo de pasar a la siguiente etapa y empezar a explorar todo los que jQuery nos ofrece para la creación de aplicaciones dinámicas, en la siguiente entrega de artículos empezaremos a aplicar la manipulación de elementos para darle vida a nuestros proyectos.