jQuery UI

JQuery UI

Developer(s)	Paul Bakaus Scott González Jörn Zaefferer Felix Nagel Mike Sherov Rafael Xavier de Souza[1]
Stable release	1.11.4 / 11 March 2015[2]
Preview release	1.12.0 Beta 1 / 26 January 2016[3]
Development status	Active
Written in	JavaScript
Type	Plug-in
License	MIT License[4]
Website	jqueryui.com

jQuery UI is a collection of GUI widgets, animated visual effects, and themes implemented with jQuery (a JavaScript library), Cascading Style Sheets, and HTML.^[5] 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.^[6] Notable users include Pinterest, PayPal, IMDb, The Huffington Post, and Netflix.^[7]

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.^[4][8]

Features

As of the 1.11.4 release:^[9]

Interactions

Draggable, Droppable, Resizable, Selectable, Sortable

Widgets

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

• 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
• Selectmenu – Duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control
• 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)
• Widget Factory – Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets

Example

// Make the element with id "draggable" draggable
$(function () {
	$("#draggable").draggable();
});

<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.^[8]

Release date[11]	Version number	jQuery Dependency	Additional notes
Sep 17, 2007		1.2.1+	Initial release[8]
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[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+	Dropped support for 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+	Dropped support for IE8, IE9, IE10[14]

References

1. "jQuery UI Team". jqueryui.com. The jQuery Foundation. Retrieved 5 February 2016.
2. "jQuery UI 1.11.4". jqueryui.com. 11 March 2015.
3. "jQuery UI 1.12.0 Beta 1". jqueryui.com. 26 January 2016.
4. "License". jQuery.com. The jQuery Foundation. Retrieved 12 June 2014.
5. Sarrion, Eric (2012). jQuery UI. Sebastopol: O'Reilly Media. pp. 1–4. ISBN 9781449316990. OCLC 768796881.
6. http://libscore.com/#libs
7. http://libscore.com/#$.ui
8. John Resig (17 September 2007). "jQuery UI: Interactions and plug-ins". jQuery blog. Retrieved 12 August 2012.
9. "jQuery UI Demos". jQuery UI. Retrieved 5 February 2016.
10. "jQuery UI: ThemeRoller". jQuery UI. Retrieved 5 February 2016.
11. "jQuery UI - Documentation: UIChangelog". Retrieved April 2, 2012.
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

Further reading

• Sarrion, Eric (March 24, 2012). jQuery UI (1st ed.). O'Reilly Media. p. 244. ISBN 978-1449316990.
• Wellman, Dan (August 23, 2011). jQuery UI 1.8: The User Interface Library for jQuery (1st ed.). Packt Publishing. p. 424. ISBN 978-1849516525.
• de Jonge, Adriaan, Dutson, Phillip (November 2, 2012). jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples (1st ed.). Addison-Wesley Professional. p. 400. ISBN 978-0-321-82208-6.

External links

• Official website