jQuery dragarrange是對jQuery UI的進一步擴展，它為用戶提供了一個可拖拽的元素而不限制其移動的范圍。用戶可以在水平方向和垂直方向上拖動元素，且僅在用戶放開元素時將其停留在指定范圍內。使用這個插件可以讓用戶更加輕松地操作元素，并且可以控制元素在指定區域內的位置。

//HTML代碼
<div id="container">
<div id="drag-me"></div>
</div>
//JS代碼
$(function() {
$("#drag-me").dragarrange({
container: "#container",
xMin: 0,
xMax: 500,
yMin: 0,
yMax: 500
});
});

在上面的示例中，我們創建了一個id為“container”的元素，它是我們指定拖拽的范圍。我們還創建了一個id為“drag-me”的元素，這個元素是我們想要拖拽的元素。我們使用jQuery選擇器將它們選中并調用dragarrange()函數來實現拖拽效果。在函數中，我們通過使用container參數指定容器元素的ID，xMin和xMax參數來限制拖拽元素在水平方向上的移動范圍，yMin和yMax參數來限制拖拽元素在垂直方向上的移動范圍。

除了以上示例中的選項，dragarrange還提供了一些其他的選項，如snap參數可以將元素的移動距離限制在指定值的倍數內，dragEnd回調函數可以在元素被放置到指定位置時運行，dragStart回調函數可以在元素開始被拖拽前運行等等。通過組合使用這些選項，可以實現更多復雜的拖拽效果。

總之，jQuery dragarrange是一個強大的jQuery UI擴展，可以讓我們更加靈活地控制元素的移動范圍，讓用戶操作更加方便。