Zum Inhalt springen

jQuery UI

aus Wikipedia, der freien Enzyklopädie
Dies ist eine alte Version dieser Seite, zuletzt bearbeitet am 21. Oktober 2014 um 13:43 Uhr durch NordLeuchte (Diskussion | Beiträge) (Version aktualisiert). Sie kann sich erheblich von der aktuellen Version unterscheiden.
jQuery UI

Logo von jQuery UI
Basisdaten

Entwickler The jQuery Project
Erscheinungsjahr 17. September 2007
Aktuelle Version 1.11.2
(16. Oktober 2014)
Aktuelle Vorabversion 1.14.0-beta.2[1]
(14. Juni 2024)
Betriebssystem plattformunabhängig
Programmier­sprache JavaScript
Kategorie Klassenbibliothek
Lizenz Wahlweise:
GPL oder MIT[2]
www.jqueryui.com

jQuery UI ist eine Erweiterung der freien JavaScript-Bibliothek jQuery und bietet Lösungen zur Gestaltung und Funktionalität der Benutzeroberfläche (englisch user interface, UI) an.

Funktionalität

Interaktion

  • Draggable und Droppable – ermöglicht Drag and Drop
  • Resizable – lässt den Benutzer ein Element vergrößern und verkleinern
  • Selectable – erweiterte Funktionalität zum Markieren von Elementen
  • Sortable – spendet Funktionalität zum Sortieren gleichartiger Elemente

Effekte

Das zu Grunde liegende Framework jQuery bietet bereits einige Effekte an, die jQuery UI um folgende erweitert:

  • Farbanimation
  • Animation eines Klassenwechsels - animiert den Wechsel einer Stylesheet-Klasse
  • Blendeffekte (Explosion, Schütteln, Springen etc.)

Widgets

Widgets sind vorprogrammierte Lösungen für Webentwickler, die gängige Elemente von Benutzeroberflächen benutzen möchten:

Autocomplete
bietet eine Funktion für das automatische Vervollständigen von Textfeldern, auch via Ajax
Button
bietet eine Schnittstelle für das Bereitstellen gängiger Schaltflächen-Designs
Datepicker
stellt ein Menü zur Datumsauswahl bereit
Dialog
bietet die Möglichkeit, ein Dialogfenster zu generieren
Progressbar
Stellt eine Schnittstelle zur Anzeige eines Fortschrittbalkens zur Verfügung
Slider
bietet einen Schieberegler
Tabs
gibt dem Entwickler die Möglichkeit, Registerkarten darzustellen
Accordion
stellt eine Art Faltwand bereit, mit der bestimmte Elemente automatisch ein- und ausklappen

Modularität

jQuery UI ist komplett modular aufgebaut. Ein Entwickler hat die Möglichkeit, nur die Komponenten einzubinden, die er tatsächlich benötigt. Das verhindert einen unnötig großen Overhead für Ressourcen. Mit Hilfe des sogenannten ThemeRollers kann der Benutzer das Aussehen aller integrierten Widgets individualisieren[3].

Siehe auch

Einzelnachweise

  1. Michał Gołębiowski-Owczarek: jQuery UI 1.14.0-beta.2 released. 14. Juni 2024 (englisch, abgerufen am 15. Juni 2024).
  2. https://github.com/jquery/jquery-ui/blob/master/MIT-LICENSE.txt
  3. jQuery UI ThemeRoller