Diferencia entre revisiones de «JQuery»
(→Funcionalidades) |
|||
| (No se muestran 4 ediciones intermedias de 3 usuarios) | |||
| Línea 1: | Línea 1: | ||
| − | {{ | + | {{Ficha Software |
| − | '''jQuery''' es una biblioteca o [[ | + | |nombre=Jquery |
| + | |familia= | ||
| + | |imagen=JQuery.jpg | ||
| + | |tamaño= | ||
| + | |descripción=Jquery Framework JavaScript | ||
| + | |imagen2= | ||
| + | |tamaño2= | ||
| + | |descripción2= | ||
| + | |creador=[[John Resig]] | ||
| + | |desarrollador=John Resig | ||
| + | |diseñador=John Resig | ||
| + | |modelo de desarrollo= | ||
| + | |fecha de creación= | ||
| + | |lanzamiento inicial= | ||
| + | |versiones= | ||
| + | |última versión estable=Ultima versión 1.4.3 [[16]] [[Octubre]] [[2010]] | ||
| + | |núcleo= | ||
| + | |tipo de núcleo= | ||
| + | |plataformas soportadas= | ||
| + | |género= | ||
| + | |sistemas operativos= | ||
| + | |idioma= | ||
| + | |licencia= | ||
| + | |premios= | ||
| + | |web=[http://jquery.com/ Sitio oficial] | ||
| + | }} | ||
| + | '''jQuery''' es un [[Software libre|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 consiste en un único fichero [[JavaScript|JavaScript]] que contiene las funcionalidades comunes de DOM, eventos, efectos y [[AJAX|AJAX]]. | ||
| + | Es una biblioteca o [[Framework]] de [[JavaScript]], creada inicialmente por [[John Resig]]. Fue presentada el [[14 de enero|14 de enero]] de [[2006]] en el BarCamp NYC. | ||
| + | == Funcionalidades == | ||
| + | Permite simplificar la manera de interactuar con los documentos [[HTML|HTML]], manipular el árbol [[DOM]], manejar eventos, desarrollar animaciones y agregar interacción con la tecnología [[AJAX]] a páginas [[Web]]. | ||
| − | + | 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 | + | Las empresas [[Microsoft]] y [[Nokia]] anunciaron que incluirán la biblioteca en sus plataformas. Microsoft la añadirá en su [[IDE]] [[Visual Studio Code]] 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 |CSS ]]1-3 y un plugin básico de [[XPath]]. | ||
| + | *Eventos. | ||
| + | *Manipulación de la hoja de estilos [[CSS]]. | ||
| + | *Efectos y animaciones. | ||
| + | *[[AJAX|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 == | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | 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. | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | 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"> | ||
$("#tablaAlumnos") // Devolverá el elemento con id="tablaAlumnos" | $("#tablaAlumnos") // Devolverá el elemento con id="tablaAlumnos" | ||
$(".activo") // Devolverá una matriz de elementos con class="activo" | $(".activo") // Devolverá una matriz de elementos con class="activo" | ||
| − | </source> | + | </source> Una vez obtenidos los nodos, se les puede aplicar cualquiera de las funciones que facilita la biblioteca. |
| − | Una vez obtenidos los nodos, se les puede aplicar cualquiera de las funciones que facilita la biblioteca. | ||
<source lang="javascript"> | <source lang="javascript"> | ||
// Se elimina el estilo (con removeClass()) y se aplica uno nuevo (con addClass()) a todos los nodos con class="activo" | // 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"); | $(".activo").removeClass("activo").addClass("inactivo"); | ||
| − | </source> | + | </source> |
| − | == Fuentes == | + | == Fuentes == |
| − | *[http://jquery.org/license | + | *[http://jquery.org/license Descripción de la licencia desde docs.jquery.com] |
| − | *[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 == | ||
| + | |||
| + | *[[JQuery UI]] | ||
| + | *[[Prototype]] | ||
| − | == | + | == Enlaces externos == |
| − | *[[jQuery | + | *[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]] | ||
última versión al 16:49 4 sep 2020
| ||||||||||||||
jQuery es un 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 consiste en un único fichero JavaScript que contiene las funcionalidades comunes de DOM, eventos, efectos y AJAX. Es una biblioteca o Framework de JavaScript, creada inicialmente por John Resig. Fue presentada el 14 de enero de 2006 en el BarCamp NYC.
Sumario
Funcionalidades
Permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas Web.
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 Code 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
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
