JQuery UI
Encyclopedia
jQuery UI is a JavaScript
JavaScript
JavaScript is a prototype-based scripting language that is dynamic, weakly typed and has first-class functions. It is a multi-paradigm language, supporting object-oriented, imperative, and functional programming styles....

 library that provides abstractions for low-level interaction and animation
Animation
Animation is the rapid display of a sequence of images of 2-D or 3-D artwork or model positions in order to create an illusion of movement. The effect is an optical illusion of motion due to the phenomenon of persistence of vision, and can be created and demonstrated in several ways...

, advanced effects and high-level, themeable widgets, built on top of the jQuery
JQuery
jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig...

 JavaScript library, that can be used to build interactive web applications. It was released in September 2007 announced in a jQuery's blog post by John Resig. The latest release requires jQuery
JQuery
jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig...

 1.3.2 or later

jQuery UI is free, open source software, dual-licensed under the MIT License
MIT License
The MIT License is a free software license originating at the Massachusetts Institute of Technology . It is a permissive license, meaning that it permits reuse within proprietary software provided all copies of the licensed software include a copy of the MIT License terms...

 and the GNU General Public License
GNU General Public License
The GNU General Public License is the most widely used free software license, originally written by Richard Stallman for the GNU Project....

, Version 2.

Interactions

  • Draggable - Make elements draggable
  • Droppable - Control where dragged elements may be dropped
  • Resizable - Make elements resizeable :
  • Selectable - Advanced selection features for lists of elements
  • Sortable - Make a list of elements easily sortable

Widgets

All of jQuery UI's widgets are fully themeable using a consolidated, coordinated theme mechanism demonstrated by their ThemeRoller.
  • 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
  • Progressbar - Progress bars, both animated and not
  • Slider - Fully customizable sliders with various features :
  • Tabs - Tabbed user interface handling, with both inline and demand-loaded content

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






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

Release history

Release date Version number jQuery
JQuery
jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig...

Dependency
Additional notes
Jan 19, 2011 Changes 1.8.9 1.3.2+
Feb 22, 2011 Changes 1.8.10 1.3.2+
March 15, 2011 Changes 1.8.11 1.3.2+
April 13, 2011 Changes 1.8.12 1.3.2+
May 12, 2011 Changes 1.8.13 1.3.2+
Jun 17, 2011 Changes 1.8.14 1.3.2+
Aug 1, 2011 Changes 1.8.15 1.3.2+
Aug 15, 2011 Changes 1.8.16 1.3.2+
The source of this article is wikipedia, the free encyclopedia.  The text of this article is licensed under the GFDL.
 
x
OK