jQuery是一種流行的JavaScript庫，可幫助開發人員更輕松地編寫JavaScript代碼。其中一個強大的功能是允許用戶通過拖動來調整元素的大小和位置。在本文中，我們將學習如何使用jQuery實現拖動DIV邊框的效果。

$(document).ready(function(){
$('.draggable').resizable({ //使DIV可以調整大小
handles: 'n, e, s, w, ne, se, sw, nw',
minWidth: 100,
minHeight: 100
}).draggable(); //使DIV可以拖動
});

在上面的代碼中，我們首先使用jQuery選擇器找到class為“draggable”的元素。我們使用resizable()方法使元素可以調整大小，并在handles屬性中指定了允許拖動的邊框。我們還設置了minWidth和minHeight屬性，以確保元素不會調整得太小。

接下來，我們使用draggable()方法使元素可以被拖動。這樣，用戶就可以通過拖動邊框來調整DIV的大小和位置。

在這個例子中，我們只是改變了DIV的大小和位置。如果您需要響應事件或者在元素移動時執行其他操作，您可以添加響應的函數。

在使用jQuery進行開發時，要確保您正在使用最新版本的庫，并遵循最佳實踐。使用此技術時，請確保為用戶提供良好的用戶體驗，以便他們可以輕松地使用和導航您的網站。