在Web开发中，鼠标与页面的交互是最常见的功能之一。因此，jQueryUI提供了一些基于鼠标的交互组件。下面笔者就介绍5个常用的jQueryUI交互组件。

　　1.Draggable

　　含义：可拖动的

　　描述：可使用鼠标移动元素

　　2.Droppable

　　含义：可放置的

　　为可拖动的小部件创建目标

　　3.Resizable

　　含义：可调整尺寸的

　　使用鼠标改变元素尺寸

　　4.Selectable

　　含义：可选择的

　　使用鼠标选择单个或一组元素

　　5.Sortable

　　含义：可排序的

　　使用鼠标调整列表中或者网格中元素的排序

　　上面介绍的组件在使用时候，只需要利用jQuery对象调用组件同名（全部小写）的方法即可。