SlideShare una empresa de Scribd logo
1 de 2
JQuery
Es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la
manera de interactuar con los documentosHTML, manipular el árbol DOM, manejar eventos,
desarrollar animaciones (FLV) y agregar interacción con la técnica AJAX a páginas web. Es software
libre y de código abierto, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pública
General de GNU v2, permitiendo su uso en proyectos libres y privativos.
jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que
de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta
biblioteca se logran grandes resultados en menos tiempo y espacio.
Las empresas Microsoft y Nokia anunciaron que incluirán la biblioteca en sus plataformas.Microsoft
la añadirá en su IDE Visual Studio y la usará junto con los frameworks ASP.NET AJAX y ASP.NET MVC,
mientras que Nokia los integrará con su plataforma Web Run-Time.
Existen diversas librerías javascript disponibles para utilizar en tus proyectos web sin necesidad de
empezar desde cero. Por nombrar algunas de las más
extendidas: jquery, MooTools, prototype, script.aculo.us, YUI tools oDojo. Existen muchas más; unas
cuantas búsquedas por google te traerán listados más amplios que este. Sin embargo estas son
quizás las más recomendables o las que quizás necesites conocer para hacerte una buena idea de las
opciones que tienes disponibles.
Características
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+.
Uso
jQuery consiste en un único fichero JavaScript que contiene las funcionalidades comunes de DOM,
eventos, efectos y AJAX.
La característica principal de la biblioteca es que permite cambiar el contenido de una página web sin
necesidad de recargarla, mediante la manipulación del árbol DOM y peticiones AJAX. Para ello utiliza
las funciones $() o jQuery().
Función
La forma de interactuar con la página es mediante la función $(), un alias de jQuery(), que recibe
como parámetro una expresión CSS o el nombre de una etiqueta HTML y devuelve todos los nodos
(elementos) que concuerden con la expresión. Esta expresión es denominada selector en la
terminología de jQuery.
Las aplicaciones en internet son cada vez más complejas, ya que incorporan efectos visuales, drag
and drop, auto-completar, animaciones etc. el desarrollar todos estos conceptos desde cero puede
resultar complicado sobre todo si tenemos que presentar la solución con muy poco tiempo, en este
tipo de situaciones el empleo de librerías como el jQuery nos facilitan el desarrollo de la aplicación.
Otra ventaja paralela es despreocuparnos cuando codificamos en la compatibilidad de navegadores,
ya que la librería resolverá esto.
Para utilizar la librería como dijimos debemos descargarla del sitio oficial y en cada página que lo
requiera agregar:
<script type="text/javascript" src="jquery.js"></script>
Del sitio oficial de jQuery descargaremos la versión descomprimida que ocupa alrededor de 60 Kb (es
el archivo jquery.js) y cuando subamos nuestro sitio es recomendable descargar la versión
comprimida que tiene un peso de 20 Kb.
La librería jQuery en resumen nos aporta las siguientes ventajas:
 Nos ahorra muchas líneas de código.
 Nos hace transparente el soporte de nuestra aplicación para los navegadores principales.
 Nos provee de un mecanismo para la captura de eventos.
 Provee un conjunto de funciones para animar el contenido de la página en forma muy
sencilla.
 Integra funcionalidades para trabajar con AJAX.
 Nueva manera de programar JavaScript con jQuery.
A pesar de que existen todas las librerías mencionadas, mi favorita es jQuery
por las siguientes razones:
 Viene en una versión comprimida que pesa 24KB, mejorando así la velocidad de descarga de
las páginas.
 Ofrece un modo "noConflict" que permite usar Javascript de forma que no interfiera con
otras librerías. Gracias a esto, es posible utilizar jQuery y Prototype juntas.
 Funciona en múltiples navegadores. Con esto ya no necesito preocuparme del navegador en
el que estoy para ejecutar código JavaScript.
 Permite la creación de Plugins.
 Ofrece una versión llamada jQueryUI que tiene componentes visuales como tablas,
calendarios, acordeones, etc.
http://www.maestrosdelweb.com/editorial/javascript-facil-y-rapido-con-jquery/
http://es.wikipedia.org/wiki/JQuery
http://jquery.com/
http://www.javascriptya.com.ar/jquery/
http://copstone.com/2010/03/jquery-un-nuevo-tipo-de-libreria-javascript/

Más contenido relacionado

La actualidad más candente

React – ¿Qué es React.js?
React – ¿Qué es React.js?React – ¿Qué es React.js?
React – ¿Qué es React.js?Gorka Magaña
 
Introducción al ecosistema de React.js
Introducción al ecosistema de React.jsIntroducción al ecosistema de React.js
Introducción al ecosistema de React.jsJoaquín Salvachúa
 
Caracteristicas De Navegadores
Caracteristicas De NavegadoresCaracteristicas De Navegadores
Caracteristicas De NavegadoresGalaxy PRO
 
Acciones de jsp
Acciones de jspAcciones de jsp
Acciones de jspfabito1112
 
Acciones de jsp
Acciones de jspAcciones de jsp
Acciones de jspfabito1112
 
Modulo5 Trucos Web Browser
Modulo5 Trucos Web BrowserModulo5 Trucos Web Browser
Modulo5 Trucos Web BrowserEduardo
 
13. Configuracion De Aplicaciones Web Asp.Net
13.  Configuracion De Aplicaciones Web Asp.Net13.  Configuracion De Aplicaciones Web Asp.Net
13. Configuracion De Aplicaciones Web Asp.Netguest3cf6ff
 
Dn13 u3 a6_mbe
Dn13 u3 a6_mbeDn13 u3 a6_mbe
Dn13 u3 a6_mbeUtec Dn
 

La actualidad más candente (11)

React – ¿Qué es React.js?
React – ¿Qué es React.js?React – ¿Qué es React.js?
React – ¿Qué es React.js?
 
Introducción al ecosistema de React.js
Introducción al ecosistema de React.jsIntroducción al ecosistema de React.js
Introducción al ecosistema de React.js
 
Navegadores Web
Navegadores WebNavegadores Web
Navegadores Web
 
Wed 2
Wed 2Wed 2
Wed 2
 
Caracteristicas De Navegadores
Caracteristicas De NavegadoresCaracteristicas De Navegadores
Caracteristicas De Navegadores
 
Acciones de jsp
Acciones de jspAcciones de jsp
Acciones de jsp
 
Acciones de jsp
Acciones de jspAcciones de jsp
Acciones de jsp
 
Modulo5 Trucos Web Browser
Modulo5 Trucos Web BrowserModulo5 Trucos Web Browser
Modulo5 Trucos Web Browser
 
13. Configuracion De Aplicaciones Web Asp.Net
13.  Configuracion De Aplicaciones Web Asp.Net13.  Configuracion De Aplicaciones Web Asp.Net
13. Configuracion De Aplicaciones Web Asp.Net
 
Internet de 7 a 9
Internet de 7 a 9Internet de 7 a 9
Internet de 7 a 9
 
Dn13 u3 a6_mbe
Dn13 u3 a6_mbeDn13 u3 a6_mbe
Dn13 u3 a6_mbe
 

Similar a Jquery (20)

J query
J queryJ query
J query
 
J query el framework de la web luc van lancker-1504
J query el framework de la web    luc van lancker-1504J query el framework de la web    luc van lancker-1504
J query el framework de la web luc van lancker-1504
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
Jquery
JqueryJquery
Jquery
 
Guia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt GudeGuia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt Gude
 
web_tendencias_construccion.ppt
web_tendencias_construccion.pptweb_tendencias_construccion.ppt
web_tendencias_construccion.ppt
 
Presentacion Google Web Toolkit
Presentacion Google Web ToolkitPresentacion Google Web Toolkit
Presentacion Google Web Toolkit
 
Desarrollo de Aplicaciones Web 2.0 con GWT
Desarrollo de Aplicaciones Web 2.0 con GWTDesarrollo de Aplicaciones Web 2.0 con GWT
Desarrollo de Aplicaciones Web 2.0 con GWT
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j query
 
JQUERY.pptx
JQUERY.pptxJQUERY.pptx
JQUERY.pptx
 
La magia de jquery
La magia de jqueryLa magia de jquery
La magia de jquery
 
Tecnologías web.pptx
Tecnologías web.pptxTecnologías web.pptx
Tecnologías web.pptx
 
Leonardo
LeonardoLeonardo
Leonardo
 
J query
J queryJ query
J query
 
Libro introducción a ajax
Libro introducción a ajaxLibro introducción a ajax
Libro introducción a ajax
 
Trabajo de computacion caractersiticas
Trabajo de computacion caractersiticasTrabajo de computacion caractersiticas
Trabajo de computacion caractersiticas
 
Ext JS y frameworks JavaScript
Ext JS y frameworks JavaScriptExt JS y frameworks JavaScript
Ext JS y frameworks JavaScript
 
Documento Web2Py
Documento Web2PyDocumento Web2Py
Documento Web2Py
 

Jquery

  • 1. JQuery Es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentosHTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones (FLV) y agregar interacción con la técnica AJAX a páginas web. Es software libre y de código abierto, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pública General de GNU v2, permitiendo su uso en proyectos libres y privativos. jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio. Las empresas Microsoft y Nokia anunciaron que incluirán la biblioteca en sus plataformas.Microsoft la añadirá en su IDE Visual Studio y la usará junto con los frameworks ASP.NET AJAX y ASP.NET MVC, mientras que Nokia los integrará con su plataforma Web Run-Time. Existen diversas librerías javascript disponibles para utilizar en tus proyectos web sin necesidad de empezar desde cero. Por nombrar algunas de las más extendidas: jquery, MooTools, prototype, script.aculo.us, YUI tools oDojo. Existen muchas más; unas cuantas búsquedas por google te traerán listados más amplios que este. Sin embargo estas son quizás las más recomendables o las que quizás necesites conocer para hacerte una buena idea de las opciones que tienes disponibles. Características 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+. Uso jQuery consiste en un único fichero JavaScript que contiene las funcionalidades comunes de DOM, eventos, efectos y AJAX. La característica principal de la biblioteca es que permite cambiar el contenido de una página web sin necesidad de recargarla, mediante la manipulación del árbol DOM y peticiones AJAX. Para ello utiliza las funciones $() o jQuery(). Función La forma de interactuar con la página es mediante la función $(), un alias de jQuery(), que recibe como parámetro una expresión CSS o el nombre de una etiqueta HTML y devuelve todos los nodos (elementos) que concuerden con la expresión. Esta expresión es denominada selector en la terminología de jQuery.
  • 2. Las aplicaciones en internet son cada vez más complejas, ya que incorporan efectos visuales, drag and drop, auto-completar, animaciones etc. el desarrollar todos estos conceptos desde cero puede resultar complicado sobre todo si tenemos que presentar la solución con muy poco tiempo, en este tipo de situaciones el empleo de librerías como el jQuery nos facilitan el desarrollo de la aplicación. Otra ventaja paralela es despreocuparnos cuando codificamos en la compatibilidad de navegadores, ya que la librería resolverá esto. Para utilizar la librería como dijimos debemos descargarla del sitio oficial y en cada página que lo requiera agregar: <script type="text/javascript" src="jquery.js"></script> Del sitio oficial de jQuery descargaremos la versión descomprimida que ocupa alrededor de 60 Kb (es el archivo jquery.js) y cuando subamos nuestro sitio es recomendable descargar la versión comprimida que tiene un peso de 20 Kb. La librería jQuery en resumen nos aporta las siguientes ventajas:  Nos ahorra muchas líneas de código.  Nos hace transparente el soporte de nuestra aplicación para los navegadores principales.  Nos provee de un mecanismo para la captura de eventos.  Provee un conjunto de funciones para animar el contenido de la página en forma muy sencilla.  Integra funcionalidades para trabajar con AJAX.  Nueva manera de programar JavaScript con jQuery. A pesar de que existen todas las librerías mencionadas, mi favorita es jQuery por las siguientes razones:  Viene en una versión comprimida que pesa 24KB, mejorando así la velocidad de descarga de las páginas.  Ofrece un modo "noConflict" que permite usar Javascript de forma que no interfiera con otras librerías. Gracias a esto, es posible utilizar jQuery y Prototype juntas.  Funciona en múltiples navegadores. Con esto ya no necesito preocuparme del navegador en el que estoy para ejecutar código JavaScript.  Permite la creación de Plugins.  Ofrece una versión llamada jQueryUI que tiene componentes visuales como tablas, calendarios, acordeones, etc. http://www.maestrosdelweb.com/editorial/javascript-facil-y-rapido-con-jquery/ http://es.wikipedia.org/wiki/JQuery http://jquery.com/ http://www.javascriptya.com.ar/jquery/ http://copstone.com/2010/03/jquery-un-nuevo-tipo-de-libreria-javascript/