jQuery是一種非常受歡迎的JavaScript庫，它簡化了JavaScript編程。jQuery中有一個非常有用的強大功能，稱為“draggable”（可拖動）和“droppable”（可拖放）。這些功能可以使我們非常容易地實現拖放操作。在這篇文章中，我們將探討jQuery中的“droppable”功能。

jQuery中的“droppable”功能允許你將一個元素放置在另一個元素中。這個元素可以是一個容器，可以是一只籃子，也可以是一個列表。下面是一個很好的例子展示如何使用jQuery 'droppable' 功能：

$(document).ready(function(){
$("#basket").droppable({
drop: function(event, ui) {
$(this)
.addClass("ui-state-highlight")
.find("p")
.html("添加商品到購物車成功！");
}
});
});

在這個例子中，我們將一個DIV標簽設置為可接受元素。當我們將一個元素拖到這個DIV容器中，就會發生“drop”事件。在這個事件觸發時，我們可以做一些有趣的事情。在這個例子中，我們只是將這個容器標記為高亮，并將其文本更改為“添加商品到購物車成功！”。

使用jQuery的“droppable”功能非常容易。只需要使用jQuery選擇器找到你想要將元素拖放到的容器，然后設置一個事件處理程序即可。后續處理程序被觸發的時候，你可以使用JavaScript代碼來完成所需的操作，以創建自己的拖放效果。