jQuery UI è una libreria JavaScript ideata per uniformare e semplificare la gestione dell'Interfaccia grafica per pagine web interattive. È un'estensione della libreria jQuery ed è fruibile attraverso la medesima licenza libera, la MIT.
Caratteristiche Le caratteristiche che seguono fanno riferimento alla versione 1.8.13.
jQueryUI è suddivisibile in quattro macro aree: Interazioni (interactions) Parti dell'interazione con l'utente fra cui drag and drop, ridimensionamento, ordinamento e selezione; Widget Componenti grafici fra cui i selettori per l'inserimento di una data, calendari, ecc. Effetti (effects) Effetti di transizione animati Utilità (utilities) Utilità di basso livello usate dalle precedenti.
Nel dettaglio gli elementi di ogni macro area:
Interazioni Parti relative all'interazione con la pagina web:
Draggable Rende gli elementi trascinabili Droppable Verifica se un elemento è stato trascinato su un altro Resizable Rende gli elementi ridimensionabili Selectable Avanzate caratteristiche di selezione per liste di elementi Sortable Liste di elementi facilmente ordinabili
Widget Parti relative a vari widget per l'interfaccia grafica:
Accordion Contenitore "a fisarmonica" Autocomplete Auto completamento basato su ciò che l'utente digita Button Pulsante avanzato Datepicker Selettore avanzato di date Dialog Mostra una finestra di dialogo Progressbar Barra di avanzamento, con o senza animazione Slider Slider personalizzabile con varie funzionalità Tabs Interfaccia a schedario ("tabbed") con contenuti inline o a richiesta
Effetti Parti relative a vari effetti grafici:
Color Animation Animazione ottenuta con un passaggio da un colore a un altro Toggle Class, Add Class, Remove Class, Switch Class Animazione basata sul passaggio da uno style a un altro Effect Varietà di effetti (appear, slide-down, explode, fade-in, etc.) Toggle Commuta l'attivazione di un effetto Hide''', Show: Simile alla voce precedente
Utilità Position'' Imposta la posizione relativa di un elemento rispetto ad un altro
Compatibilità Tutti i plugin sono testati ufficialmente per IE 6.0+, Mozilla Firefox 3+, Safari 3.1+, Opera 9.6+ e Google Chrome.
Alternative Con la nascita di HTML 5 e CSS 3 alcune possibilità come la creazione di gallerie d'immagini, effetti e menu a tendina sono fattibili senza l'utilizzo di JQuery UI e/o Ajax cosa che con HTML 4 e CSS 2 era spesso impossibile fare.
Esempi di JQuery UI
Note
Voci correlate jQuery JavaScript
Collegamenti esterni
Categoria:Librerie JavaScript Categoria:Framework per applicazioni web