在網站開發中，購物車是一個很常見的功能，利用jQuery可以方便快捷地實現。下面我們來看一個真實案例。

<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
<script>
// 選擇器
var $cart = $('#selected-seats'), // 購物車表格
$counter = $('#counter'), // 商品數量標簽
$total = $('#total'); // 總價標簽
// 初始化變量
var sc = 0, // 商品數量
total = 0; // 總價
// 添加商品到購物車
function addToCart(seat) {
sc++;
$counter.text(sc); // 修改商品數量
$cart.append('<tr><td>'+seat+'</td><td>$'+seatID+'</td></tr>'); // 在購物車表格中添加商品
total += seatID;
$total.text('$'+total); // 修改總價
}
// 綁定事件
$('.btn').click(function(){
addToCart($(this).text()); // 添加商品到購物車
});
</script>

上面的代碼中，$cart表示購物車表格，$counter表示商品數量標簽，$total表示總價標簽。在初始化時，我們定義了sc作為商品數量計數器，total作為總價計數器。addToCart函數用于將商品添加到購物車中，在添加時需要修改計數器并更新購物車表格和總價顯示。最后，我們將addToCart函數綁定到按鈕的點擊事件上，在用戶點擊按鈕時自動將商品添加到購物車中。