在移動端，購物車是電商網站重要的一部分。jQuery是一種流行的JavaScript庫，能夠簡化DOM操作和事件處理。這篇文章將介紹如何使用jQuery創建一個簡單的購物車。

首先，我們需要一個HTML頁面，包括商品列表和購物車。以下是一個簡單的例子：

<div class="product-list">
<div class="product">
<img src="product1.jpg">
<h3>Product 1</h3>
<p class="price">$10</p>
<button class="add-to-cart">Add to Cart</button>
</div>
<div class="product">
<img src="product2.jpg">
<h3>Product 2</h3>
<p class="price">$20</p>
<button class="add-to-cart">Add to Cart</button>
</div>
</div>
<div class="cart">
<h2>Cart</h2>
<ul class="cart-items">
</ul>
<p class="cart-total">Total: $0</p>
</div>

現在，我們需要編寫一些jQuery代碼來添加商品到購物車：

$(function() {
var cart = $('.cart');
var total = 0;
$('.product-list').on('click', '.add-to-cart', function() {
var product = $(this).closest('.product');
var productPrice = product.find('.price').text();
var productName = product.find('h3').text();
$('.cart-items').append('<li>' + productName + ': ' + productPrice + '</li>');
total += parseInt(productPrice.slice(1));
$('.cart-total').text('Total: $' + total);
});
});

首先，我們選取了購物車和總價元素，并通過事件委托將“添加到購物車”按鈕附加到產品列表中。當用戶單擊此按鈕時，我們選擇了最接近的產品元素，并提取了產品名稱和價格。然后，我們向購物車項目列表添加一項，并增加總價。最后，我們更新購物車總價的文本。

這只是一個簡單的例子，可以使用jQuery購物車拓展更多功能，比如刪除購物車商品、更新購物車商品數量等等。