JQuery UI

jQuery UI est une collection de widgets, effets visuels et thèmes implémentés avec jQuery, des feuilles de style en cascade, et du HTML^[8].

JQuery UI

Informations

Développé par	Paul Bakaus Scott González Jörn Zaefferer Felix Nagel Mike Sherov Rafael Xavier de Souza[1]
Première version	17 septembre 2007
Dernière version	1.14.1 (30 octobre 2024)[2],[3],[4],[5]
Version avancée	1.14.0-beta.2 (14 juin 2024)[6]
Dépôt	github.com/jquery/jquery-ui
État du projet	Actif
Écrit en	JavaScript
Système d'exploitation	Multiplateforme (en)
Type	Plugin
Licence	MIT License[7]
Site web	jqueryui.com

modifier - modifier le code - voir Wikidata (aide)

Selon Libscore, un service d'analyses JavaScript, jQuery UI est utilisé sur plus de 197 000 sites dans le premier million, ce qui en fait la bibliothèque JavaScript la plus populaire^[9]. Parmi ses utilisateurs les plus notables, on trouve Pinterest, PayPal, IMDb, The Huffington Post, et Netflix^[10].

Fonctionnalités

Interactions

Glisser-déposer, redimensionnement, sélection, et classement.

Widgets

Tous les widgets jQuery UI sont thémables^[11].

• Accordion – container en accordéon.
• Autocomplete – boite d’auto-complétion basée sur les entrées de l'utilisateur.
• Button – apparence des boutons améliorée, transforme les boutons radio et cases à cocher en boutons poussoirs.
• Datepicker – sélecteur de date avancé.
• Dialog – boite de dialogue.
• Menu – affichage d'un menu.
• Progressbar – bar de progression animables.
• Selectmenu – duplication d'un élément HTML.
• Slider – diapositive.
• Spinner – bouton fléché.
• Tabs – onglet.
• Tooltip – infobulle.

Effets

• Color Animation – animation de la transition d'une couleur à une autre.
• Toggle Class, Add Class, Remove Class, Switch Class – animation de la transition d'un style à une autre.
• Effect – variété d'effets (apparition, diapositive, explosion, fondu, etc.)
• Toggle – activation ou désactivation des effets.
• Hide, Show - affichage ou masquage des effets.

Utilitaires

• Position – définit la position d'un élément relativement à un autre (alignement).
• Widget Factory – création de plugins jQuery plugins sur la bases des widgets jQuery UI.

Exemple

<script type="text/javascript">
	// Rend l'élément de id "draggable" glissable
	$(function () {
		$("#draggable").draggable();
	});
</script>

<div id="draggable">
  <p>Drag me around</p>
</div>

Historique

Release date[12]	Version number	jQuery Dependency	Additional notes
17 septembre 2007[13]		1.2.1+	Version initiale[13]
8 juin 2008	1.5
16 avril 2009	1.6	1.2.6+	Compatibilité jQuery 1.2.6.
3 mars 2009	1.7	1.3.2+
18 mars 2010	1.8	1.3.2+
19 janvier 2011	1.8.9	1.3.2+
22 février 2011	1.8.10	1.3.2+
15 mars 2011	1.8.11	1.3.2+
13 avril 2011	1.8.12	1.3.2+
12 mai 2011	1.8.13	1.3.2+
17 juin 2011	1.8.14	1.3.2+
1er aout 2011	1.8.15	1.3.2+
15 aout 2011	1.8.16	1.3.2+
10 janvier 2012	1.8.17	1.3.2+
Feb 20, 2012	1.8.18	1.3.2+
Apr 16, 2012	1.8.19	1.3.2+
Apr 30, 2012	1.8.20	1.3.2+
Jun 5, 2012	1.8.21	1.3.2+
Jul 24, 2012	1.8.22	1.3.2+
15 aout 2012	1.8.23	1.3.2+
Sep 28, 2012	1.8.24	1.3.2+
Oct 8, 2012	1.9.0	1.6+
Oct 25, 2012	1.9.1	1.6+
Nov 23, 2012	1.9.2	1.6+
Jan 17, 2013	1.10.0	1.6+	Abandon du support pour IE6[14]
Feb 15, 2013	1.10.1	1.6+
Mar 14, 2013	1.10.2	1.6+
May 3, 2013	1.10.3	1.6+
Jan 17, 2014	1.10.4	1.6+
Apr 25, 2014	1.11.0-beta.1	1.6+	Abandon du support pour IE7[15]
May 23, 2014	1.11.0-beta.2	1.6+
Jun 26, 2014	1.11.0	1.6+
Aug 13, 2014	1.11.1	1.6+
Oct 16, 2014	1.11.2	1.6+
Feb 12, 2015	1.11.3	1.6+
Mar 11, 2015	1.11.4	1.6+
Jan 26, 2016	1.12.0-beta.1	1.7+	Abandon du support pour IE8, IE9, IE10[16]