Girish Mahajan (Editor)

JQuery UI

Updated on
Edit
Like
Comment
Share on FacebookTweet on TwitterShare on LinkedInShare on Reddit
Development status
  
Active

Type
  
Plug-in

Written in
  
JavaScript

License
  
MIT License

Developer(s)
  
Paul Bakaus Scott González Jörn Zaefferer Felix Nagel Mike Sherov Rafael Xavier de Souza

Stable release
  
1.12.1 / 14 September 2016 (2016-09-14)

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

Contents

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.

Features

As of the 1.11.4 release:

Interactions

Draggable, Droppable, Resizable, Selectable, Sortable

Widgets

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

  • 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

    This makes the div with the ID "draggable" draggable by the user's mouse.

    Release history

    jQuery UI was launched on September 17, 2007.

    References

    JQuery UI Wikipedia