jQuery UI es un conjunto seleccionado de interacciones de interfaz de usuario, efectos, widgets y temas creados sobre la biblioteca jQuery JavaScript. Ya sea que esté creando aplicaciones web altamente interactivas o simplemente necesite agregar un selector de fecha a un control de formulario, jQuery UI es la elección perfecta.
Características: jQueryUI se clasifica en cuatro grupos, interacciones, widgets, efectos y utilidades. Estos serán discutidos en detalle en los capítulos siguientes. La estructura de la biblioteca es como se muestra en la imagen a continuación:
- Interacciones : estos son los complementos interactivos como arrastrar, soltar, cambiar el tamaño y más que le dan al usuario la capacidad de interactuar con elementos DOM.
- Widgets : al usar widgets que son complementos de jQuery, puede crear elementos de interfaz de usuario como acordeón, selector de fechas, etc.
- Efectos : se basan en los efectos internos de jQuery. Contienen un conjunto completo de animaciones y transiciones personalizadas para elementos DOM.
- Utilidades : son un conjunto de herramientas modulares que la biblioteca JqueryUI usa internamente.
Categorías de interfaz de usuario de jQuery
1) Interacciones: las interacciones son un conjunto de instrucciones basadas en el mouse que se utilizan como bloques de construcción para interfaces ricas y widgets complejos. Estas son las interacciones más utilizadas:
- Arrastrable
- Desechable
- Redimensionable
- Seleccionable
- Ordenable
2) Widgets: los widgets son complementos llenos de funciones y con estado que tienen un ciclo de vida completo, junto con métodos y eventos. Estos son los widgets más utilizados:
- Acordeón
- Autocompletar
- Diálogo
- Botón
- Selector de fechas
- Menú
- Barra de progreso
- Pestañas
- Información sobre herramientas
- Deslizador
- Hilandero
3) Efectos: los efectos internos de jQuery contienen un conjunto completo de animaciones y transiciones personalizadas para elementos DOM. jQuery UI agrega soporte para animar colores y transiciones de clase, además de proporcionar varias simplificaciones adicionales.
- Ocultar
- Espectáculo
- Agregar clase
- Quitar clase
- cambiar de clase
- Alternar clase
- Animación de color
- Efecto
- Palanca
4) Utilidades:
- Posición: Se utiliza para establecer la posición del elemento.
Publicación traducida automáticamente
Artículo escrito por ghoshsuman0129 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA