近年来随着电商行业的发展，购物车已逐渐成为每个电商网站必备的功能之一。而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的使用有了更深入的认识。