Diferencia entre revisiones de «JQuery»
| Línea 1: | Línea 1: | ||
| − | {{Aplicación|nombre=Jquery|logo= |descripcion=Jquery Framework JavaScript|creador=John Resig|fecha_de_creacion=Ultima versión 1.4.3 [[16]] [[Octubre]] [[2010]]|sitio_web=[http://jquery.com/ Sitio oficial]}} | + | {{Aplicación|nombre=Jquery|logo=Logo-jquery.jpg|descripcion=Jquery Framework JavaScript|creador=John Resig|fecha_de_creacion=Ultima versión 1.4.3 [[16]] [[Octubre]] [[2010]]|sitio_web=[http://jquery.com/ Sitio oficial]}}'''jQuery''' es una biblioteca o [[framework]] de [[JavaScript]], creada inicialmente por [[John Resig]], que permite simplificar la manera de interactuar con los documentos [[HTM]]L, manipular el arbol [[DOM]], manejar eventos, desarrollar animaciones y agregar interacción con la tecnología [[AJAX]] a páginas [[web]]. Fue presentada el 14 de [[enero]] de [[2006]] en el BarCamp NYC. |
| − | '''jQuery''' es una biblioteca o [[framework]] de [[JavaScript]], creada inicialmente por [[John Resig]], que permite simplificar la manera de interactuar con los documentos [[HTM]]L, manipular el arbol [[DOM]], manejar eventos, desarrollar animaciones y agregar interacción con la tecnología [[AJAX]] a páginas [[web]]. Fue presentada el 14 de [[enero]] de [[2006]] en el BarCamp NYC. | ||
| − | jQuery 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 | + | '''jQuery''' 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]]]. | ||
== Características == | == Características == | ||
| − | *Selección de elementos DOM. | + | *Selección de elementos [[DOM]]. |
| − | *Interactividad y modificaciones del árbol DOM, incluyendo soporte para CSS 1-3 y un plugin básico de XPath. | + | *Interactividad y modificaciones del árbol DOM, incluyendo soporte para CSS 1-3 y un plugin básico de [[XPath]]. |
*Eventos. | *Eventos. | ||
| − | *Manipulación de la hoja de estilos CSS. | + | *Manipulación de la hoja de estilos [[CSS]]. |
*Efectos y animaciones. | *Efectos y animaciones. | ||
*AJAX. | *AJAX. | ||
| Línea 18: | Línea 16: | ||
*Utilidades varias como obtener información del navegador, operar con objetos y vectores, funciones como trim() (elimina los espacios en blanco del principio y final de una cadena de caracteres), etc. | *Utilidades varias como obtener información del navegador, operar con objetos y vectores, funciones como trim() (elimina los espacios en blanco del principio y final de una cadena de caracteres), etc. | ||
*Compatible con los navegadores [[Mozilla Firefox]] 2.0+, [[Internet Explorer]] 6+, [[Safari]] 3+, [[Opera]] 9+ y [[Google Chrome]]. | *Compatible con los navegadores [[Mozilla Firefox]] 2.0+, [[Internet Explorer]] 6+, [[Safari]] 3+, [[Opera]] 9+ y [[Google Chrome]]. | ||
| − | |||
== Uso == | == Uso == | ||
| − | |||
'''jQuery''' consiste en un único fichero JavaScript que contiene las funcionalidades comunes de DOM, eventos, efectos y AJAX. | '''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(). | 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 $() === | === 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. | |
| − | 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. | ||
<source lang="javascript"> | <source lang="javascript"> | ||
| Línea 49: | Línea 43: | ||
*[http://jquery.com/ Sitio Web Oficial] | *[http://jquery.com/ Sitio Web Oficial] | ||
*[http://docs.jquery.com/Browser_Compatibility Compatibilidad con los navegadores web] | *[http://docs.jquery.com/Browser_Compatibility Compatibilidad con los navegadores web] | ||
| − | |||
== Véase también == | == Véase también == | ||
| Línea 55: | Línea 48: | ||
*[[jQuery UI]] | *[[jQuery UI]] | ||
*[[Prototype]] | *[[Prototype]] | ||
| + | |||
| + | == Enlaces externos == | ||
| + | |||
| + | *[http://jquery.com/ Sitio web oficial] | ||
| + | *[http://api.jquery.com/ API de jQuery] | ||
| + | *[http://www.ajaxshake.com/ Ejemplos Plugins jQuery] | ||
| + | |||
[[Category:Programación]] [[Category:Desarrollo_web]] | [[Category:Programación]] [[Category:Desarrollo_web]] | ||
Revisión del 09:49 2 nov 2010
| ||||
jQuery es una biblioteca o framework de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC.
jQuery 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].
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.
- AJAX.
- Soporta extensiones.
- Utilidades varias como obtener información del navegador, operar con objetos y vectores, funciones como trim() (elimina los espacios en blanco del principio y final de una cadena de caracteres), etc.
- Compatible con los navegadores Mozilla Firefox 2.0+, Internet Explorer 6+, Safari 3+, Opera 9+ y Google Chrome.
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.
$("#tablaAlumnos") // Devolverá el elemento con id="tablaAlumnos"
$(".activo") // Devolverá una matriz de elementos con class="activo"
Una vez obtenidos los nodos, se les puede aplicar cualquiera de las funciones que facilita la biblioteca.
// Se elimina el estilo (con removeClass()) y se aplica uno nuevo (con addClass()) a todos los nodos con class="activo"
$(".activo").removeClass("activo").addClass("inactivo");
Fuentes
- Descripción de la licencia desde docs.jquery.com
- Sitio Web Oficial
- Compatibilidad con los navegadores web
