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.[4] According to JavaScript analytics service, Libscore, jQuery UI was used on over 197,000 of the top one million websites, once making it the second most popular JavaScript library. Notable users were Pinterest, PayPal, IMDb, The Huffington Post, and Netflix.

JQuery UI
Developer(s)
  • Paul Bakaus
  • Scott González
  • Jörn Zaefferer
  • Felix Nagel
  • Mike Sherov
  • Rafael Xavier de Souza[1]
Stable release
1.12.1 / 14 September 2016 (2016-09-14)[2]
Repository
Written inJavaScript
TypePlug-in
LicenseMIT License[3]
Websitejqueryui.com

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.[3][5]

Features

As of the 1.11.4 release:[6]

Interactions

Draggable, Droppable, Resizable, Selectable, Sortable

Widgets

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

  • 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.[5]

Release date[8] Version number jQuery Dependency Additional notes
Sep 17, 2007 1.2.1+ Initial release[5]
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[9]
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[10]
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[11]
Mar 17, 2016 1.12.0-rc.1 1.7+
Apr 21, 2016 1.12.0-rc.2 1.7+
Jul 8, 2016 1.12.0 (unannounced) 1.7+
Sep 14, 2016 1.12.1 1.7+

References
  1. "jQuery UI Team". jqueryui.com. The jQuery Foundation. Retrieved 5 February 2016.
  2. "jQuery UI 1.12.1". jqueryui.com. 14 September 2016.
  3. "License". jQuery.com. The jQuery Foundation. Retrieved 12 June 2014.
  4. Sarrion, Eric (2012). jQuery UI. Sebastopol: O'Reilly Media. pp. 1–4. ISBN 9781449316990. OCLC 768796881.
  5. John Resig (17 September 2007). "jQuery UI: Interactions and plug-ins". jQuery blog. Retrieved 12 August 2012.
  6. "jQuery UI Demos". jQuery UI. Retrieved 5 February 2016.
  7. "jQuery UI: ThemeRoller". jQuery UI. Retrieved 5 February 2016.
  8. "jQuery UI - Documentation: UIChangelog". Retrieved April 2, 2012.
  9. jQuery UI 1.10.0, retrieved on Feb 15, 2013
  10. jQuery UI 1.11.0-beta.1, retrieved on May 1, 2014
  11. jQuery UI 1.12.0-beta.1, retrieved on Feb 5, 2016

Further reading
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.