jQuery UI
![]() | |
Developer(s) |
|
---|---|
Stable release | 1.11.4
/ 11 March 2015[2] |
Preview release | 1.10 beta
/ 13 December 2012[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 176,000 websites, making it the second most popular JavaScript library on the Web.[6] Notable users include Pinterest, PayPal, IMDB, 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.9.0 and 2.0.3 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
- Slider – Fully customizable sliders[11]
- 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" class="ui-widget-content">
<p>Drag me around</p>
</div>
This makes the div with the ID "draggable" draggable by the user's mouse.
<script type="text/javascript">
// change css of an element
$(function () {
$("#demo").css('color','#069');
});
</script>
<div id="demo">
Some text
</div>
This changes the css of the div with the ID "demo".
Release history
jQuery UI was launched on September 17, 2007.[8]
Release date[12] | Version number | jQuery Dependency | Additional notes |
---|---|---|---|
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[13] |
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[14] |
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+ |
References
- ^ "The jQuery Team". jQuery.com. The jQuery Foundation. Retrieved 12 June 2014.
- ^ González, Scott (11 March 2015). "jQuery UI 1.11.3". jqueryui.com.
- ^ Zaefferer, Jörn (13 December 2012). "jQuery UI 1.10.4". jqueryui.com.
- ^ 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 12 August 2012.
- ^ "jQuery UI: ThemeRoller". jQuery UI. Retrieved 12 August 2012.
- ^ "Jquery UI Examples – Creating a Page Content Slider". Innovative PHP. 21 July 2011. Retrieved 12 August 2012.
- ^ "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
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)