jQuery UI
![]() | |
Developer(s) |
|
---|---|
Stable release | 1.11.4
/ 11 March 2015[2] |
Preview release | 1.12.0 Beta 1
/ 26 January 2016[3] |
Repository | |
Written in | JavaScript |
Type | Plug-in |
License | MIT License[4] |
Website | jqueryui |
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
<script type="text/javascript">
// Make the element with id "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.[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
- ^ "jQuery UI Team". jqueryui.com. The jQuery Foundation. Retrieved 5 February 2016.
- ^ "jQuery UI 1.11.4". jqueryui.com. 11 March 2015.
- ^ "jQuery UI 1.12.0 Beta 1". jqueryui.com. 26 January 2016.
- ^ a b "License". jQuery.com. The jQuery Foundation. Retrieved 12 June 2014.
- ^ Sarrion, Eric (2012). jQuery UI. Sebastopol: O'Reilly Media. pp. 1–4. ISBN 9781449316990. OCLC 768796881.
- ^ http://libscore.com/#libs
- ^ http://libscore.com/#$.ui
- ^ a b c John Resig (17 September 2007). "jQuery UI: Interactions and plug-ins". jQuery blog. Retrieved 12 August 2012.
- ^ "jQuery UI Demos". jQuery UI. Retrieved 5 February 2016.
- ^ "jQuery UI: ThemeRoller". jQuery UI. Retrieved 5 February 2016.
- ^ "jQuery UI - Documentation: UIChangelog". Retrieved April 2, 2012.
- ^ jQuery UI 1.10.0, retrieved on Feb 15, 2013
- ^ jQuery UI 1.11.0-beta.1, retrieved on May 1, 2014
- ^ 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.
{{cite book}}
: CS1 maint: multiple names: authors list (link)