jQuery UI Tutorial

jQuery UI is a set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript library. Whether you are creating highly interactive web applications or simply adding a date picker to a form control, jQuery UI is a perfect choice.

jQuery UI contains many state-maintaining widgets, so it differs slightly from the typical jQuery plugin usage pattern. All jQuery UI widgets use the same pattern, so once you learn to use one, you know how to use the other widgets.

Now start learning jQuery UI!

Getting Started with Examples

To better experience what jQuery UI is, please check outjQuery UI Examples。

In the examples section, the navigation lists all the interactions and widgets provided by jQuery UI. Select an interaction or widget, and you will see several demo configurations for a specific plugin. In each demo, you can view the source code, change the theme, and the URL can be bookmarked. For example, you can viewAccordion widget filling spacethe example demo page.

Contents

Reference Manual

Other Extensions