Concepto de jQuery

¿Qué es jQuery?

Es una biblioteca de Javascript, esto quiere decir, que se trata de un conjunto de implementaciones con funciones ya definidas, probadas y desarrolladas permitiendo que estén listas para su uso. Cabe mencionar que jQuery fue originada al inicio por Jonh Resig para permitir la simplificación de la interacción con respecto a los documentos HTML.

De la misma manera, se puede decir que sus funciones son parecidas a otras bibliotecas pero, otorga enormes resultados con menos espacio y tiempo, siendo claro que es uno de los objetivos de todos los usuarios en la actualidad.

Se puede definir también como un software libre y con código abierto, cuenta con dos licencias conocidas como; “Licencia MIT” y  “Licencia Pública General de GNU v2”, brindando que se pueda implementar en proyectos tanto privados como libres.

¿Para qué sirve jQuery?

La función principal de esta herramienta es permitir agregar tantos efectos como funcionalidades complejas a las aplicaciones web. Adicionalmente, entre sus  características es posible ocultar, mostrar, arrastrar y hacer lo que se desee usando los elementos DOM del sitio web, al igual que con las especificaciones CSS.

Una de sus ventajas es que es tiene muchos menos texto, es decir,  diferencia una librería de las otras, permitiendo una optimización en su organización y mecanismos al poseer menos líneas de código facilitando todo el proceso para el usuario. Su lema es “escribe menos, haz más”.

Al escribir menos códigos, es claro que se disminuyen los errores y, esta tiene una excelente documentación oficial donde se explican todas sus funcionalidades y contribuye con los proyectos de los desarrolladores. Uno de los datos que se tiene que tener en cuenta de esta plataforma es que se encuentra en inglés, al igual que la mayoría de la documentación que se presenta a nivel mundial sobre la programación.

Para tener una mejor comprensión sobre este tema, es indicado conocer las características que se presentan dentro de jQuery.

Constructor jQuery

Este aspecto es una función sobrecargada que le otorga al usuario poder acceder a los elementos del DOM correspondientes a la consulta que se está haciendo.

Trabajar por grupos(Iteración implícita)

Este es un punto importante porque los métodos en jQuery pueden efectuarconsultas por medio de iteración implícita, esto quiere decir, buscando varias coincidencias mientras que se aplican las modificaciones en cada elemento en una solo instrucción.

Diseñado para realizar consultas a través del DOM

Esto menciona a la realización de las consultas CCS, xPath y trasversales que son brindadas por jQuery.

Sistema modular

Es un sistema modular porque se podrá anidar consultas o tareas de una forma sencilla y eficaz.

Ejemplos de jQuery

Tener ejemplos puede ser algo complejo, sin embargo, se consiguen algunos indicando los tipos de códigos que se pueden implementar en esta plataforma. Los ejemplos que se expondrán van de la mano con cada punto que se mencionó antes.

Constructor jQuery

jQuery (‘h2’).css(‘color’, ‘blue’’);

En este código se nota el uso de jQuery aunque en muchos se puede ver el símbolo $ en vez de este, no obstante, ambos son alias del otro, así que no importa el que se use, los dos servirán.

$(‘h2’).css(‘color’, ‘red’);

Es un ejemplo cambiando el alias de jQuery aunque es claro que usando este símbolo el escribir es más fácil y rápido. En otras librerías lo normal es usar el $ y por eso, hay que saber cuál usar y en qué caso.

Trabajar por grupos (Iteración implícita)

$(‘h2’), esto permite que se devuelva el conjunto de los títulos nivel 2 (h2) aunque en los casos de que se desee cambiar el color a un gris oscuros (#333) haciéndose de la siguiente forma.

$.each($(‘h2’), function() {

$(this).css(“color”, “#333”);

});

Diseñado para realizar consultas a través del DOM

$(‘h2 + p’).css(‘color’, ‘#946900’);

$(‘h2 + p’).css(‘font-style’, ‘italic’);

El anterior código expone que todos los párrafos (p) que son seguidos por +, siendo de un título nivel 2(h2), llevarán el color de la letra de un café y la tipográfica que será del tipo itálica.

Sistema modular

$(‘h2’).css(‘color’,’red’);

$(‘h2’).text “se cambia el contenido de los elementos h2”

Mientras que se compara con el siguiente código.

$(‘h2’)

css (‘color’,’red’)

.text “se cambia el contenido de los elementos elementos h2’”