Chapter 12Draggable and Droppable

Beginning with this chapter, the discussion shifts to the jQuery UI library. The jQuery UI library is a collection of reusable components that enables you create user-interface functionality quickly. The jQuery UI library handles a variety of tasks, such as making elements in a document draggable or making a list of items that you can rearrange by dragging and dropping, and many other UI tasks that you learn about in the remaining chapters of this book.

The jQuery UI library is functionality that exists outside jQuery's core framework you've been using and learning about throughout the preceding chapters of this book. The jQuery UI library is a series of jQuery plugins that handles these different UI tasks. In the spirit of jQuery's API, the library makes certain UI tasks much easier to implement.

You can download jQuery UI library components from The website enables you to customize your download based on which UI components you want to use, and it offers this customization so that you can add the least amount of JavaScript possible, which, in turn, reduces overhead like file size and bandwidth. The source code download for this book is available free from and includes the entire jQuery UI package, which comprises all jQuery UI library plugins. For testing and learning purposes, this is fine; however, if you want to use UI library components in a real, production website, you should ...

Get Web Development with jQuery now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.