在Web開發(fā)中，鼠標(biāo)與頁面的交互是最常見的功能之一。因此，jQueryUI提供了一些基于鼠標(biāo)的交互組件。下面筆者就介紹5個常用的jQueryUI交互組件。

　　1.Draggable

　　含義：可拖動的

　　描述：可使用鼠標(biāo)移動元素

　　2.Droppable

　　含義：可放置的

　　為可拖動的小部件創(chuàng)建目標(biāo)

　　3.Resizable

　　含義：可調(diào)整尺寸的

　　使用鼠標(biāo)改變元素尺寸

　　4.Selectable

　　含義：可選擇的

　　使用鼠標(biāo)選擇單個或一組元素

　　5.Sortable

　　含義：可排序的

　　使用鼠標(biāo)調(diào)整列表中或者網(wǎng)格中元素的排序

　　上面介紹的組件在使用時候，只需要利用jQuery對象調(diào)用組件同名（全部小寫）的方法即可。