JQuery, qué es, orígen y características

¿Qué es JQuery?

Como desarrolador web seguro que haz usado JavaScript para diferentes tareas como validar formularios, envío de datos, etc. Bueno JavaScript es un lenguaje de programación como PHP o ASP pero a diferencia de estos trabaja del lado del cliente, es decir, se ejecuta en nuestro computador no en es servidor, el objetivo al usar JavaScript es crear efectos dinámicos y atractivos.

Pues bien, JQuery es una biblioteca JavaScript que facilita la tarea de programar páginas web que si usáramos solo JavaScript. JQuery reduce al mínimo nuestro código de muchas líneas en JavaScript a unas cuantas, que hacen exactamente lo mismo, pero con JQuery.

Podemos decir entonces que JQuery es uno de los complementos para el desarrollo web muy extendido y utilizado por miles de programadores y millones de sitios web. Como ya mencioné anteriormente porque permite crear aplicaciones enriquecidas que son compatibles con cualquier navegador web, ya que JQuery hace el trabajo de hacer compatible nuestro código con cualquier navegador.

Un poco de la historia de JQuery

JQuery fue creada inicialmente por Jhon Resig y fue presentada el 14 de enero de 2006 en el BarCamp NYC convirtiéndose, ahora, en la biblioteca de JavaScript más utilizada.

JQuery ha sido liberado bajo la Licencia MIT(agregado en mayo de 2006) y la Licencia Pública General, o como sus siglas eb inglés GPL por eso se permite su uso en proyectos tanto libres como privados.

Las empresas Microsoft y Nokia anunciaron que incluirían en sus proyectos las librerías JQuery en sus plataformas.

El soporte que JQuery tiene para AJAX fue agregado en febrero de 2006. En Septiembre de 2007 mostró una nueva interfaz de usuario y tenía gran popularidad tanto es así que en Septiembre de 2008 Microsoft y Nokia anunciaron su soporte.

¿Cuál es la diferencia entre JQuery y JavaScript?

Si eres nuevo en el uso de JQuery es importante saber que JQuery no es un lenguaje de programación sino un conjunto de funciones y métodos de JavaScript. En realidad JavaScript es el lenguaje de programación y  JQuery se refiere a las librerías que se usan, si se desea, para facilitar las tareas.

Ahora veamos la diferencia entre ambas con un ejemplo sencillo:

JavaScript

function cambiaFondo(color) {
    document.body.style.background = color;
}
Onload="cambiaFondo('#ccc');"

JQuery

$('body').css('background', '#ccc');

Puedes notar la diferencia, es obvia. JQuery logra cambiar el color de fondo de la página web con solo una línea de código mientras que JavaScript lo realiza con cuatro líneas. Además JQuery no tiene ninguna dificultad en ejecutar su código en cualquier navegador sea Firefox, Chrome, Internet Explorer, Opera, etc.

¿Qué necesito saber para programar con JQuery?

Bueno como ya hemos comentado el lenguaje padre, por decirlo así, es JavaScript. Por lo tanto te recomiendo aprender JavaScript al menos lo básico. Eso te permitirá entender la lógica de las funciones JQuery y así podrás ver las diferencias en la cantidad y forma de programar de una u otra forma.

Características de JQuery

Como se muestran en la enciclopedia mundial Wikipedia son estos:

  • Selección de elementos DOM.
  • Interactividad y modificaciones del árbol DOM, incluyendo soporte para CSS 1-3 y un plugin básico de XPath.
  • Eventos.
  • Manipulación de la hoja de estilos CSS.
  • Efectos y animaciones.
  • Animaciones personalizadas.
  • AJAX.
  • Soporta extensiones.
  • Utilidades varias como obtener información del navegador, operar con objetos y vectores, funciones para rutinas comunes, etc.
  • Compatible con los navegadores Mozilla Firefox 2.0+, Internet Explorer 6+, Safari 3+, Opera 10.6+ y Google Chrome 8+

Para realizar la descarga de JQuery te invito a ir la página oficial: jquery.com

Otros proyectos de la fundación JQuery

jQuery User Interface. Conocido como jQuery UI es una biblioteca de componentes para el framework jQuery que le añaden un conjunto de plug-in, así como efectos visuales con el objetivo de crear aplicaciones web. La página oficial es: https://jqueryui.com/

QUnit JS Unit Testing. Su página oficial es: https://qunitjs.com/QUnit JavaScript es un marco potente y fácil de usar pruebas unitarias. Es usado por el jQuery, jQuery UI y proyectos jQuery Mobile y es capaz de probar cualquier código JavaScript genérico, incluyéndose a sí mismo !

jQuery Mobile. Este framework te permite el desarrollo de aplicaciones para teléfonos móviles (dispositivos táctiles). Con él podemos acelerar la creación de aplicaciones. Su página oficial es: http://jquerymobile.com/

Sizzle CSS Selector Engine. Su página oficial es: https://sizzlejs.com/. Es un motor selector de JavaScript pura y CSS. Funciona completamente independiente. Diseñado para un rendimiento óptimo con la delegación de eventos.


PAGE TOP