近年來隨著電商行業的發展，購物車已逐漸成為每個電商網站必備的功能之一。而jQuery作為最流行的JavaScript庫之一，自然成為了開發購物車功能的首選工具之一。這里我們來看一個基于jQuery的購物車案例。

<div id="cart">
<h2>購物車</h2>
<ul id="cart-items"></ul>
<p>總價:<span id="total-price">0</span></p>
</div>

以上是購物車的HTML結構，其中包含購物車的標題、商品列表和總價格。接下來我們需要使用jQuery來控制購物車的邏輯。

$('.add-to-cart-btn').click(function(){
var name = $(this).prev().text();
var price = parseInt($(this).parent().find('.price').text());
var $cartItems = $('#cart-items');
var $item = $('<li>').text(name + ' - ￥' + price);
$cartItems.append($item);
var totalPrice = parseInt($('#total-price').text());
$('#total-price').text(totalPrice + price);
});

以上代碼實現了當用戶點擊添加到購物車按鈕時，獲取商品名稱和價格，在購物車中添加該商品，并更新總價。

$('.clear-cart-btn').click(function(){
$('#cart-items').empty();
$('#total-price').text(0);
});

以上代碼實現了清空購物車的功能，當用戶點擊清空購物車按鈕時，將購物車中的商品列表清空，并將總價設為0。

綜上所述，使用jQuery實現購物車功能十分簡單，只需要掌握基本的選擇器和事件綁定方法即可。通過這個購物車案例，相信對jQuery的使用有了更深入的認識。