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.

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. Parmi ses utilisateurs les plus notables, on trouve Pinterest, PayPal, IMDb, The Huffington Post, et Netflix.

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

Tous les widgets jQuery UI sont thémables.

• 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.

• 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.

• 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.

<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>

• (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).

• Portail d’Internet
• Portail de la programmation informatique
• Portail des logiciels libres