JQuery UI explained

Logo Size:	220px
Genre:	Plug-in
Programming Language:	JavaScript
License:	MIT License^[1]

jQuery UI is a collection of GUI widgets, animated visual effects, and themes implemented with jQuery (a JavaScript library), Cascading Style Sheets, and HTML.^[2] Using the Shodan search engine query term cpe:"cpe:/a:jquery/jquery_ui" we can determine that jQuery UI is used on approximately 800k web sites. Pinterest, PayPal, IMDb, HuffPost, and Netflix are utilizing the library.

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.^{[1] [3]}

As of October 7, 2021 jQuery UI is in maintenance mode, with no new features being planned.^[4]

Features

As of the 1.11.4 release, ^[5] interactions such as draggable/droppable and sortable are supported. jQueryUI comes with fully themeable widgets using a consolidated, coordinated theme mechanism,^[6] such as Autocomplete, Datepicker, ProgressBar, Sliders, and more.Effects include color animations, class toggling.

Example

// Make the element with id "draggable" draggable$(function);

Drag me around

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

See also

• JavaScript framework
• JavaScript library

Further reading

• Book: Sarrion , Eric . March 24, 2012. jQuery UI. O'Reilly Media. 1st. 244. 978-1449316990.
• Book: Wellman , Dan . August 23, 2011. jQuery UI 1.8: The User Interface Library for jQuery. Packt Publishing. 1st. 424 . 978-1849516525.
• Book: de Jonge, Adriaan , Dutson, Phillip . November 2, 2012. jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples. Addison-Wesley Professional. 1st. 400. 978-0-321-82208-6.

Notes and References

1. Web site: License . jQuery.com . 12 June 2014 . The jQuery Foundation.
2. Book: Sarrion, Eric . 2012 . jQuery UI . Sebastopol . O'Reilly Media . 1–4 . 9781449316990 . 768796881.
3. Web site: jQuery UI: Interactions and plug-ins . John Resig . 17 September 2007 . 12 August 2012 . jQuery blog.
4. Web site: jQuery maintainers update and transition jQuery UI as part of overall modernization efforts. 6 December 2022. jQuery Blog.
5. Web site: jQuery UI Demos . 5 February 2016. jQuery UI.
6. Web site: jQuery UI: ThemeRoller. 5 February 2016. jQuery UI.