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 building a highly interactive web app or simply adding a datepicker to a form, jQuery UI is a solid choice.

jQuery UI widgets keep state, so they work a little differently from typical jQuery plugins. All widgets follow the same pattern — once you learn one, the others feel familiar.

Start learning jQuery UI

Start with examples

To see what jQuery UI can do, browse the jQuery UI examples.

The demos list interactions and widgets. Pick one to see common configurations, view source, switch themes, and bookmark the URL.

Contents

• jQuery UI Intro
• Download
• Usage
• Customization
• How it works
• Theming
  • ThemeRoller
  • CSS Framework API
  • Designing themes
• Widget Factory
• API documentation

Prerequisites

• HTML basics
• JavaScript basics
• Familiarity with jQuery selectors and events helps

Next: jQuery UI Intro