jQuery UI 是 jQuery 庫(kù)中一款非常流行且強(qiáng)大的插件，它提供了許多可擴(kuò)展的、可重用的 UI 組件，包括對(duì)話框、自動(dòng)補(bǔ)全、日期選擇器、拖拽等。而本文主要介紹 jQuery UI 拖拽樣式的使用方法。

$( "#drag" ).draggable({
opacity: 0.7,   // 拖拽時(shí)的不透明度
helper: "clone", // 拖拽時(shí)的helper
cursor: "move",  // 拖拽時(shí)的光標(biāo)類型
revert: true    // 拖放完畢是否恢復(fù)到原來(lái)的位置
});

上面的代碼中，我們首先通過(guò)選擇器選中需要拖拽的元素，并調(diào)用draggable()方法將其設(shè)置為可拖拽。接下來(lái)，我們可以配置一些選項(xiàng)來(lái)自定義拖拽樣式，例如設(shè)置透明度、光標(biāo)類型、是否恢復(fù)到原來(lái)的位置等。

除此之外，jQuery UI 還提供了一些與拖拽相關(guān)的事件回調(diào)，可以讓我們?cè)谕献н^(guò)程中進(jìn)行一些額外的操作。例如，我們可以在drag()回調(diào)函數(shù)中更新拖拽元素的位置：

$( "#drag" ).draggable({
drag: function(event, ui) {
// 更新拖拽元素的位置
ui.position.left += 10;
ui.position.top += 10;
}
});

在上面的例子中，我們通過(guò)傳入事件對(duì)象和 UI 對(duì)象，訪問(wèn)拖拽元素的當(dāng)前位置信息，并將其更新為加上了10像素的新位置。

總之，jQuery UI 拖拽樣式是一款非常實(shí)用的插件，通過(guò)它的強(qiáng)大功能，我們可以快速實(shí)現(xiàn)拖拽元素的自定義樣式及交互方式，大大提高了 Web 開(kāi)發(fā)的效率。