jQuery UI

jQuery UI is a collection of GUI widgets, animated visual effects, and themes implemented with jQuery (a JavaScript library), Cascading Style Sheets, and HTML. According to JavaScript analytics service, Libscore, jQuery UI is used on over 197,000 of the top one million websites, making it the second most popular JavaScript library. Notable users include Pinterest, PayPal, IMDb, The Huffington Post, and Netflix.

Both jQuery and jQuery UI are free and open-source software distributed by the jQuery Foundation under the MIT License; jQuery UI was first published in September 2007.

Features

As of the 1.9.0 and 2.0.3 release:

Interactions

Draggable, Droppable, Resizable, Selectable, Sortable

Widgets

All of jQuery UI's widgets are fully themeable using a consolidated, coordinated theme mechanism.

• Accordion – Accordion containers
• Autocomplete – Auto-complete boxes based on what the user types
• Button – Enhanced button appearance, turn radio buttons and checkboxes into pushbuttons
• Datepicker – Advanced date-picker
• Dialog – Show dialog boxes on top of other content, easily and robustly
• Menu – Show a Menu
• Progressbar – Progress bars, both animated and not
• Slider – Fully customizable sliders
• Spinner – Show a Number Spinner
• Tabs – Tabbed user interface handling, with both inline and demand-loaded content
• Tooltip – Show a Tooltip

Effects

• Color Animation – Animate the transition from one color to another
• Toggle Class, Add Class, Remove Class, Switch Class – Animate the transition from one set of styles to another
• Effect – A variety of effects (appear, slide-down, explode, fade-in, etc.)
• Toggle – Toggle an effect on and off
• Hide, Show - Using the effects above

Utilities

• Position – Set an element's position relative to another element's position (alignment)

Example

<script type="text/javascript">
	// Make #draggable draggable
	$(function () {
		$("#draggable").draggable();
	});
</script>

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

This makes the div with the ID "draggable" draggable by the user's mouse.

Release history

jQuery UI was launched on September 17, 2007.

Release date	Version number	jQuery Dependency	Additional notes
Sep 17, 2007		1.2.1+	Initial release
Jun 8, 2008	1.5
Apr 16, 2009	1.6	1.2.6+	Compatibility release for jQuery 1.2.6.
Mar 3, 2009	1.7	1.3.2+
Mar 18, 2010	1.8	1.3.2+
Jan 19, 2011	1.8.9	1.3.2+
Feb 22, 2011	1.8.10	1.3.2+
Mar 15, 2011	1.8.11	1.3.2+
Apr 13, 2011	1.8.12	1.3.2+
May 12, 2011	1.8.13	1.3.2+
Jun 17, 2011	1.8.14	1.3.2+
Aug 1, 2011	1.8.15	1.3.2+
Aug 15, 2011	1.8.16	1.3.2+
Jan 10, 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+
Aug 15, 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+	Dropped support for IE6
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+	Dropped support for IE7
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+

External links

• Official website