1. ¿Qué es JQuery?
JQuery es un framework de Javascript, con la que podemos:- Manipular el arbol DOM
- Manejar eventos
- Desarrollar animaciones
- Agregar interacción con la tecnología AJAX a páginas web.
- Manipulación de la hojas de estilos CSS.
2. WIDGETS CON JQUERY
2.1 Datepicker Simple por Defecto
El datepicker esta vinculado a un textfield. Se debe enfocar en el campo de entrada para abrir un calendario interactivo. Finalmente se elige la fecha y listo!.Nota: Click en el textbox para que pueda probarlo!
2.2 Datepicker con Lista de Desplegable para el Mes y el Año
Muestra el mes y año en la cabecera del combo del mes y el año para facilitar la navegación a través de calendarios de gran tamaño. Finalmente se elige la fecha y listo!.Nota: Click en el textbox para que pueda probarlo!
2.3 Datepicker habilitado desde un icono
Haga click en el icono junto al campo de entrada para mostrar el datepicker. Finalmente se elige la fecha y listo!.Nota: Click en el icono para que pueda probarlo!
2.4 Datepicker localizado desde otros idiomas
Localice el lenguaje del calendario del datepicker (El Formato Español está por defecto). El datepicker incluye idiomas de español, francés, inglés, italiano y portugués. Finalmente se elige la fecha y listo!.Nota: Seleccione un idioma y haga click en el textbox para que pueda probarlo!
3. ANIMACIONES
3.1 Cargar Contenido desde Menu
En este ejemplo se añade la funcionalidad de AJAX para que el contenido se cargue en el contenedor correspondiente, en lugar de que el usuario tenga que desplazarse a otra página. También se muestra la integración de algunos efectos de animaciónNota: Debajo de la imagen haga click en "VER DEMO" para que pueda probarlo!
3.2 Accordion Dropdown
Los acordeones puede ser muy útiles para mostrar muchas de secciones diferentes en una pequeña cantidad de espacio. En este ejemplo se abre y cierra el contenido por cada seccion del menu.Nota: Debajo de la imagen haga click en "VER DEMO" para que pueda probarlo!
3.3 Mosaico Slideshow
En este ejemplo, el efecto de mosaico del slideshow se consigue dividiendo la imagen original en partes más pequeñas. Estos cuadros, que contienen partes de la imagen, se oculta a la vista de forma secuencial, lo que provoca el efecto.Nota: Debajo de la imagen haga click en "VER DEMO" para que pueda probarlo!