https://wiki-de.moshellshocker.dns64.de/index.php?action=history&feed=atom&title=JQuery_UIJQuery UI - Versionsgeschichte2026-05-18T12:29:00ZVersionsgeschichte dieser Seite in Wikipedia (Deutsch) – Lokale KopieMediaWiki 1.43.8https://wiki-de.moshellshocker.dns64.de/index.php?title=JQuery_UI&diff=2405849&oldid=previmported>Phzh: Form, typo2025-10-16T12:55:10Z<p>Form, typo</p>
<p><b>Neue Seite</b></p><div>{{SEITENTITEL:jQuery&nbsp;UI}}<br />
{{Infobox Software<br />
| Name = jQuery UI<br />
| Logo = [[Datei:JQuery UI-Logo.svg|200px|Logo von jQuery UI]]<br />
| Hersteller = The jQuery Project<br />
| AktuelleVersion = <!-- Wikidata --><br />
| AktuelleVersionFreigabeDatum = <br />
| Programmiersprache = [[JavaScript]]<br />
| Lizenz = [[MIT-Lizenz|MIT]]<ref>{{Internetquelle |url=https://github.com/jquery/jquery-ui/blob/main/LICENSE.txt |titel=LICENSE.txt |werk=github.com |sprache=en |abruf=2022-03-05}}</ref><ref>{{Internetquelle |url=https://blog.jquery.com/2012/09/10/jquery-licensing-changes/ |titel=jQuery Licensing Changes |werk=jQuery-Blog |datum=2012-09-10 |sprache=en |abruf=2022-03-05}}</ref><br />
| Betriebssystem = [[Plattformunabhängigkeit|plattformunabhängig]]<br />
| Kategorie = [[Klassenbibliothek]]<br />
| Deutsch = <br />
| Website = [https://jqueryui.com/ jqueryui.com]<br />
| Beschreibung = [[JavaScript]]-[[Framework]]<br />
}}<br />
<br />
'''jQuery UI''' ist eine Erweiterung der freien [[JavaScript]]-[[Programmbibliothek|Bibliothek]] [[jQuery]] und bietet Lösungen zur Gestaltung und Funktionalität der [[Grafische Benutzeroberfläche|Benutzeroberfläche]] ({{enS|user interface}}, ''UI'') an.<br />
<br />
== Funktionalität ==<br />
=== Interaktion ===<br />
* ''Draggable'' und ''Droppable'' – ermöglicht [[Drag and Drop]]<br />
* ''Resizable'' – lässt den Benutzer ein Element vergrößern und verkleinern<br />
* ''Selectable'' – erweiterte Funktionalität zum Markieren von Elementen<br />
* ''Sortable'' – spendet Funktionalität zum Sortieren gleichartiger Elemente<br />
<br />
=== Effekte ===<br />
Das zu Grunde liegende [[Framework]] jQuery bietet bereits einige Effekte an, die jQuery UI um folgende erweitert:<br />
* Farbanimation<br />
* Animation eines Klassenwechsels – animiert den Wechsel einer [[Stylesheet]]-Klasse<br />
* Blendeffekte (Explosion, Schütteln, Springen etc.)<br />
<br />
=== Widgets ===<br />
[[Widget]]s sind programmierte Lösungen für Webentwickler, die gängige Elemente von Benutzeroberflächen benutzen möchten:<br />
; Autocomplete<br />
: bietet eine Funktion für das automatische Vervollständigen von Textfeldern, auch via [[Ajax (Programmierung)|Ajax]]<br />
; Button<br />
: bietet eine Schnittstelle für das Bereitstellen gängiger [[Schaltfläche]]n-Designs<br />
; Datepicker<br />
: stellt ein Menü zur Datumsauswahl bereit<br />
; Dialog<br />
: bietet die Möglichkeit, ein [[Dialogfenster]] zu generieren<br />
; Progressbar<br />
: Stellt eine Schnittstelle zur Anzeige eines [[Fortschrittsanzeige#Bestimmte Fortschrittsanzeige|Fortschrittbalkens]] zur Verfügung<br />
; Slider<br />
: bietet einen Schieberegler<br />
; Tabs<br />
: gibt dem Entwickler die Möglichkeit, [[Registerkarte|Registerkarten]] darzustellen<br />
; Accordion<br />
: stellt eine Art Faltwand bereit, mit der bestimmte Elemente automatisch ein- und ausklappen<br />
<br />
== Modularität ==<br />
jQuery UI ist komplett [[Modul (Software)|modular]] aufgebaut. Ein Entwickler hat die Möglichkeit, nur die [[Komponente (Software)|Komponenten]] einzubinden, die er tatsächlich benötigt. Dies begrenzt den Bedarf an Ressourcen wie z.&nbsp;B. Arbeitsspeicher oder Zeit zum Laden der Bibliothek. Der sogenannte ''ThemeRoller'' erlaubt es Anwendern, das Aussehen aller integrierten Widgets dem persönlichen Geschmack anzupassen.<ref>[https://jqueryui.com/themeroller/ jQuery UI ThemeRoller]</ref><br />
<br />
== Siehe auch ==<br />
* [[jQuery]]<br />
* [[Webframework]]<br />
<br />
== Weblinks ==<br />
* [https://jqueryui.com/ Website von jQuery UI]<br />
* [https://github.com/jquery/jquery-ui jQuery UI] auf Github<br />
<br />
== Einzelnachweise ==<br />
<references /><br />
<br />
{{Normdaten|TYP=s|GND=1031219404}}<br />
<br />
{{SORTIERUNG:Jquery UI}}<br />
[[Kategorie:Freies Webframework]]<br />
[[Kategorie:JavaScript-Bibliothek]]</div>imported>Phzh