INSTITUTIT

O
TCNOLOGI
CO
SUPERIOR
DE
HOPELCHEN
PROGRAMACIN
WEB AVANZADA
JQUERY
Alumno: Gerardo Manuel
Dzay Torres
Matricula: 3552
8 Semestre Grupo: C
Trabajo: Investigacin de la
librera JQuery

QU ES JQUERY?

JQuery es una librera, una referencia a un js en nuestro documento HTML

para trabajar en el cliente con el DOM de una manera mucho ms fcil y
legible.
jQuery NO es un lenguaje de programacin, ni tampoco la solucin a todos tus
problemas. Esto ltimo es difcil de entender para muchos programadores. Si
bien jQuery nos brinda muchas facilidades, no nos resuelve todos los
problemas y hay muchos casos en los que es mejor no usarlo y no abusar de
su grandioso selector (en un ratito vuelvo con un ejemplo)
Entonces JQuery es un conjunto de utilidades y funciones de javascript que
facilita la produccin de cdigo, modificando la forma de escribirlo. Sus
principales caractersticas son:
Es javascript no obstructivo
Separa el cdigo (X) HTML de las funciones javascript, lo que produce un
cdigo ms limpio, eficiente y accesible.
Es muy ligero
Menos de 30Kb en la versin 1.5.2.
Extensible
Debido a su popularidad cada da aparecen nuevas extensiones que aumentan
las posibilidades de jQuery, sobre todo en cuanto a efectos grficos.

ORIGEN
jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig,
que permite simplificar la manera de interactuar con los documentos HTML,

manipular el rbol DOM, manejar eventos, desarrollar animaciones y agregar

interaccin con la tcnica AJAX a pginas web. Fue presentada el 14 de enero
de 2006 en el BarCamp NYC. jQuery es la biblioteca de JavaScript ms
utilizada.
INSTALACIN
jQuery no necesita instalacin, simplemente tendremos que incluir la librera
base en nuestro cdigo. Podemos obtenerla desde la pgina oficial de jQuery.
<script type="text/javascript" src="jquery.js"></script>
CMO USARLO
La seleccin de elementos en jQuery se hace a travs de la funcin jQuery
([selector]), que tambin podemos llamar usando el smbolo $([selector]). A
esta funcin le pasaremos un selector vlido, y nos devolver un objeto desde
el cual manejaremos las propiedades del DOM. jQuery admite como selectores
vlidos los siguientes:
Una cadena de texto compatible con la definicin de selector vlido para
CSS. ($("#id") indica un id, $(".clase") indica una clase)
Elemento de DOM ($("body"), $("p"))
Un conjunto de elementos del DOM ($("div, span, p.clase"))
Un objeto jQuery; se crea un clon del objeto que tendr los mismos
objetos del DOM
Y de la misma forma que accedamos a los atributos con elemento.atributo
ahora usaremos las funciones definidas en jQuery para este fin. Aqu van
algunos ejemplos:

Obtener el valor de un atributo: $([selector]).attr("nombre_atributo")

Establecer el valor de un atributo: $([selector]).attr("nombre_atributo",
"valor_atributo")
Aadir una clase a un elemento: $([selector]).addClass("clase")
Modificar estilos de CSS: $([selector]).css("propiedad_css", "valor")
Obtener el contenido de una etiqueta: $([selector]).html()
Manejar eventos: $([selector]).click([funcin])
Efectos definidos en las librera de jQuery como slide, fadeIn, fadeOut,
slideUp

Veamos un ejemplo funcionando. Con este script podremos mostrar y ocultar la

imagen y manejar la velocidad a la que hace el efecto.
<div>
<p>
<input type="button" id="fadeOut" value="Ocultar imagen" />
<input type="button" id="fadeIn" value="Mostrar imagen" />
</p>
<p>
<img id="image" src="jquery.png" alt="jQuery" />
</p>
</div>

Ventajas de jQuery con respecto a otras alternativas

Es importante comentar que jQuery no es el nico framework que existe en el
mercado. Existen varias soluciones similares que tambin funcionan muy bien,
que bsicamente nos sirven para hacer lo mismo. Como es normal, cada uno
de los frameworks tiene sus ventajas e inconvenientes, pero jQuery es un
producto con una aceptacin por parte de los programadores muy buena y un
grado de penetracin en el mercado muy amplio, lo que hace suponer que es
una de las mejores opciones. Adems, es un producto serio, estable, bien
documentado y con un gran equipo de desarrolladores a cargo de la mejora y
actualizacin del framework. Otra cosa muy interesante es la dilatada
comunidad de creadores de plugins o componentes, lo que hace fcil encontrar
soluciones ya creadas en jQuery para implementar asuntos como interfaces de
usuario, galeras, votaciones, efectos diversos, etc.
jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades
basadas en JavaScript que de otra manera requeriran de mucho ms cdigo.
Es decir, con las funciones propias de esta biblioteca se logran grandes
resultados en menos tiempo y espacio.

Bibliografa
@pjnovas, P. N. (14 de Diciembre de 2011). FERNET JS fernet + javascript.
Recuperado el Mayo de 2015, de http://fernetjs.com/:
http://fernetjs.com/2011/12/que-es-jquery/
lvarez, M. A. (29 de Marzo de 2009). Introduccin a jQuery. Obtenido de
DesarrolloWeb.com : http://www.desarrolloweb.com/articulos/introduccionjquery.html
Jose. (05-May-2011). INTRODUCCIN A JQUERY. (Arume informatica)
Obtenido de http://www.arumeinformatica.es/blog/introduccion-a-jquery/