JQuery UI

JQuery UI
Description de l'image JQuery UI Logo.png.

Informations
Développé par
  • Paul Bakaus
  • Scott González
  • Jörn Zaefferer
  • Felix Nagel
  • Mike Sherov
  • Rafael Xavier de Souza[1]
Première version Voir et modifier les données sur Wikidata
Dernière version 1.13.3 ()[2],[3]Voir et modifier les données sur Wikidata
Version avancée 1.14.0-beta.2 ()[4]Voir et modifier les données sur Wikidata
Dépôt github.com/jquery/jquery-uiVoir et modifier les données sur Wikidata
État du projet Actif
Écrit en JavaScriptVoir et modifier les données sur Wikidata
Système d'exploitation MultiplateformeVoir et modifier les données sur Wikidata
Type Plugin
Licence MIT License[5]
Site web jqueryui.com

modifier - modifier le code - voir Wikidata (aide) Consultez la documentation du modèle

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[6].

Selon Libscore (en), 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[7]. Parmi ses utilisateurs les plus notables, on trouve Pinterest, PayPal, IMDb, The Huffington Post, et Netflix[8].

Fonctionnalités

Interactions

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

Widgets

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

  • 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[10] Version number jQuery Dependency Additional notes
[11] 1.2.1+ Version initiale[11]
1.5
1.6 1.2.6+ Compatibilité jQuery 1.2.6.
1.7 1.3.2+
1.8 1.3.2+
1.8.9 1.3.2+
1.8.10 1.3.2+
1.8.11 1.3.2+
1.8.12 1.3.2+
1.8.13 1.3.2+
1.8.14 1.3.2+
1er aout 2011 1.8.15 1.3.2+
15 aout 2011 1.8.16 1.3.2+
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[12]
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[13]
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[14]

Notes et références

  1. ↑ « jQuery UI Team », sur jqueryui.com, The jQuery Foundation (consulté le )
  2. ↑ « Release 1.13.3 », (consulté le )
  3. ↑ npmjs, (base de données en ligne), consulté le Voir et modifier les données sur Wikidata
  4. ↑ (en) Michał Gołębiowski-Owczarek, « jQuery UI 1.14.0-beta.2 released », (consulté le )
  5. ↑ « License », sur jQuery.com, The jQuery Foundation (consulté le )
  6. ↑ (en-US) Eric Sarrion, JQuery UI, Sebastopol, O'Reilly Media, , 1–4 p. (ISBN 978-1-4493-1699-0, OCLC 768796881, lire en ligne)
  7. ↑ « Libscore », sur libscore.com
  8. ↑ « Libscore », sur libscore.com
  9. ↑ « jQuery UI: ThemeRoller », jQuery UI (consulté le )
  10. ↑ « jQuery UI - Documentation: UIChangelog » (consulté le )
  11. ↑ a et b John Resig, « jQuery UI: Interactions and plug-ins », jQuery blog, (consulté le )
  12. ↑ jQuery UI 1.10.0, retrieved on Feb 15, 2013
  13. ↑ jQuery UI 1.11.0-beta.1, retrieved on May 1, 2014
  14. ↑ jQuery UI 1.12.0-beta.1, retrieved on Feb 5, 2016
  • (en) Cet article est partiellement ou en totalité issu de l’article de Wikipédia en anglais intitulé « jQuery UI » (voir la liste des auteurs).
  • icône décorative Portail d’Internet
  • icône décorative Portail de la programmation informatique
  • icône décorative Portail des logiciels libres