Gggggggggggggg
Páginas: 9 (2232 palabras)
Publicado: 31 de octubre de 2012
-------------------------------------------------
jQuery, un nuevo tipo de librería Javascript
-------------------------------------------------
Si navegas mucho por la web te puedes dar cuenta que muchas páginas ofrecen interfaces web atractivas, con animaciones y muchas peticiones AJAX para no necesitar refrescar las páginas. Si te interesa implementar este tipo de funcionalidad en tuspáginas, la mejor forma es utilizando una librería como por ejemplo jQuery. En este artículo te voy a enseñar lo básico de jQuery y te voy a mostrar unos cuantos ejemplos como este:
-------------------------------------------------
¿Qué es jQuery?
-------------------------------------------------
jQuery es una librería de JavaScript rápida y concisa que simplifica la manipulación de HTML, manejo deeventos, animaciones e interacciones AJAX para que el desarrollo sea más rápido.
-------------------------------------------------
Existen muchas librerías parecidas a jQuery. Entre las más conocidas están Prototype, Script.aculo.us,MooTools, Dojo y YUI.
-------------------------------------------------
A pesar de que existen todas las librerías mencionadas, mi favorita es jQuery por lassiguientes 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 componentesvisuales como tablas, calendarios, acordeones, etc.
-------------------------------------------------
¿Cómo instalo jQuery?
-------------------------------------------------
Lo primero que debes hacer es descargar la librería desde http://jquery.com/. Existen dos versiones que puedes descargar. La de producción que es la ideal para tus aplicaciones terminadas (pesa 24KB) y la de desarrollo si quieresver el código fuente de la librería.
-------------------------------------------------
Una vez descargado el archivo jquery-x.x.x.js debes colocarlo en alguna ruta de tu servidor web y enlazarla en tus páginas web. Si no sabes como enlazar un archivo JavaScript en tus páginas web te recomiendo leer Todo lo que necesitas saber acerca de HTML.
-------------------------------------------------Modo noConflict
-------------------------------------------------
Toda la funcionalidad de jQuery está dentro del namespace llamado jQuery para evitar conflictos con funciones con los mismos nombres en otras librerías. Sin embargo jQuery utiliza como abreviatura el símbolo $ por lo que invocar a jQuery() es equivalente a invocar a $().
-------------------------------------------------
Elsímbolo de $ es muy común en otras librerías por lo que si incluyeramos las librerías jQuery y Prototype ambas tendrían la función $ generando un conflicto.
-------------------------------------------------
Te recomiendo utilizar jQuery en modo noConflict para que tus aplicaciones no interfieran con otras librerías.
-------------------------------------------------
Para ejecutar jQuery en modonoConflict basta con agregar el comando jQuery.noConflict(); después de incluida la librería. El código de tu página se debería ver como el siguiente:
01 | <html> |
02 | <head> |
03 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> |
04 | <script type="text/javascript" src="http://localhost/jquery-1.4.2.min.js"></script> |
05 |...
jQuery, un nuevo tipo de librería Javascript
-------------------------------------------------
Si navegas mucho por la web te puedes dar cuenta que muchas páginas ofrecen interfaces web atractivas, con animaciones y muchas peticiones AJAX para no necesitar refrescar las páginas. Si te interesa implementar este tipo de funcionalidad en tuspáginas, la mejor forma es utilizando una librería como por ejemplo jQuery. En este artículo te voy a enseñar lo básico de jQuery y te voy a mostrar unos cuantos ejemplos como este:
-------------------------------------------------
¿Qué es jQuery?
-------------------------------------------------
jQuery es una librería de JavaScript rápida y concisa que simplifica la manipulación de HTML, manejo deeventos, animaciones e interacciones AJAX para que el desarrollo sea más rápido.
-------------------------------------------------
Existen muchas librerías parecidas a jQuery. Entre las más conocidas están Prototype, Script.aculo.us,MooTools, Dojo y YUI.
-------------------------------------------------
A pesar de que existen todas las librerías mencionadas, mi favorita es jQuery por lassiguientes 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 componentesvisuales como tablas, calendarios, acordeones, etc.
-------------------------------------------------
¿Cómo instalo jQuery?
-------------------------------------------------
Lo primero que debes hacer es descargar la librería desde http://jquery.com/. Existen dos versiones que puedes descargar. La de producción que es la ideal para tus aplicaciones terminadas (pesa 24KB) y la de desarrollo si quieresver el código fuente de la librería.
-------------------------------------------------
Una vez descargado el archivo jquery-x.x.x.js debes colocarlo en alguna ruta de tu servidor web y enlazarla en tus páginas web. Si no sabes como enlazar un archivo JavaScript en tus páginas web te recomiendo leer Todo lo que necesitas saber acerca de HTML.
-------------------------------------------------Modo noConflict
-------------------------------------------------
Toda la funcionalidad de jQuery está dentro del namespace llamado jQuery para evitar conflictos con funciones con los mismos nombres en otras librerías. Sin embargo jQuery utiliza como abreviatura el símbolo $ por lo que invocar a jQuery() es equivalente a invocar a $().
-------------------------------------------------
Elsímbolo de $ es muy común en otras librerías por lo que si incluyeramos las librerías jQuery y Prototype ambas tendrían la función $ generando un conflicto.
-------------------------------------------------
Te recomiendo utilizar jQuery en modo noConflict para que tus aplicaciones no interfieran con otras librerías.
-------------------------------------------------
Para ejecutar jQuery en modonoConflict basta con agregar el comando jQuery.noConflict(); después de incluida la librería. El código de tu página se debería ver como el siguiente:
01 | <html> |
02 | <head> |
03 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> |
04 | <script type="text/javascript" src="http://localhost/jquery-1.4.2.min.js"></script> |
05 |...
Leer documento completo
Regístrate para leer el documento completo.