jQuery UI

From Infogalactic: the planetary knowledge core
Jump to: navigation, search
JQuery UI
220px
Developer(s)
  • Paul Bakaus
  • Kris Borchers
  • Scott González
  • Mike Sherov
  • Adam Sontag
  • Jörn Zaefferer[1]
Stable release 1.11.4 / 11 March 2015 (2015-03-11)[2]
Preview release 1.11.0 beta 2 / 23 May 2014 (2014-05-23)[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.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">
  <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[12] 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[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+
Mar 11, 2015 1.11.4 1.6+

References

  1. "The jQuery Team". jQuery.com. The jQuery Foundation. Retrieved 12 June 2014.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  2. González, Scott (11 March 2015). "jQuery UI 1.11.3". jqueryui.com.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  3. Zaefferer, Jörn (23 May 2014). "jQuery UI 1.11.0-beta.2". jqueryui.com.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  4. 4.0 4.1 "License". jQuery.com. The jQuery Foundation. Retrieved 12 June 2014.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  5. Lua error in Module:Citation/CS1/Identifiers at line 47: attempt to index field 'wikibase' (a nil value).
  6. http://libscore.com/#libs
  7. http://libscore.com/#$.ui
  8. 8.0 8.1 8.2 John Resig (17 September 2007). "jQuery UI: Interactions and plug-ins". jQuery blog. Retrieved 12 August 2012.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  9. "jQuery UI Demos". jQuery UI. Retrieved 12 August 2012.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  10. "jQuery UI: ThemeRoller". jQuery UI. Retrieved 12 August 2012.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  11. "Jquery UI Examples – Creating a Page Content Slider". Innovative PHP. 21 July 2011. Retrieved 12 August 2012.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  12. "jQuery UI - Documentation: UIChangelog". Retrieved April 2, 2012.<templatestyles src="Module:Citation/CS1/styles.css"></templatestyles>
  13. jQuery UI 1.10.0, retrieved on Feb 15, 2013
  14. jQuery UI 1.11.0-beta.1, retrieved on May 1, 2014

Further reading

External links