jQuery UI 是 jQuery 库中一款非常流行且强大的插件，它提供了许多可扩展的、可重用的 UI 组件，包括对话框、自动补全、日期选择器、拖拽等。而本文主要介绍 jQuery UI 拖拽样式的使用方法。

$( "#drag" ).draggable({
opacity: 0.7,   // 拖拽时的不透明度
helper: "clone", // 拖拽时的helper
cursor: "move",  // 拖拽时的光标类型
revert: true    // 拖放完毕是否恢复到原来的位置
});

上面的代码中，我们首先通过选择器选中需要拖拽的元素，并调用draggable()方法将其设置为可拖拽。接下来，我们可以配置一些选项来自定义拖拽样式，例如设置透明度、光标类型、是否恢复到原来的位置等。

除此之外，jQuery UI 还提供了一些与拖拽相关的事件回调，可以让我们在拖拽过程中进行一些额外的操作。例如，我们可以在drag()回调函数中更新拖拽元素的位置：

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

在上面的例子中，我们通过传入事件对象和 UI 对象，访问拖拽元素的当前位置信息，并将其更新为加上了10像素的新位置。

总之，jQuery UI 拖拽样式是一款非常实用的插件，通过它的强大功能，我们可以快速实现拖拽元素的自定义样式及交互方式，大大提高了 Web 开发的效率。