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 just adding a date picker to a form control, jQuery UI is a perfect choice.

jQuery UI includes 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 others.

Start learning jQuery UI now!

Getting Started with Examples

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

In the example demos section, the navigation lists all the interactions and widgets provided by jQuery UI. Select an interaction or widget, and you will see some demo configurations for a particular 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 fills spaceDemo page.

Contents

Reference Manual

Other Extensions