jQuery实现购买功能

jQuery 可以用于实现购买功能的前端交互部分，但是后端数据处理和数据库存储等需要使用其他技术实现。下面是一个简单的 jQuery 实现购买功能的示例：

HTML 代码：

<!-- 商品列表 -->
<div class="item">
  <h3>商品1</h3>
  <p>价格：100元</p>
  <button class="buy-btn" data-id="1">购买</button>
</div>

<div class="item">
  <h3>商品2</h3>
  <p>价格：200元</p>
  <button class="buy-btn" data-id="2">购买</button>
</div>

<!-- 购物车 -->
<div class="cart">
  <h3>购物车</h3>
  <ul class="cart-list"></ul>
  <p>总价：<span class="total-price">0</span>元</p>
</div>

jQuery 代码：

$(function() {
  // 购买按钮点击事件
  $('.buy-btn').click(function() {
    var id = $(this).data('id'); // 获取商品ID
    var name = $(this).siblings('h3').text(); // 获取商品名称
    var price = parseInt($(this).siblings('p').text().replace('价格：', '').replace('元', '')); // 获取商品价格

    // 添加到购物车
    var item = '<li data-id="' + id + '">' + name + ' - ' + price + '元 <button class="remove-btn">删除</button></li>';
    $('.cart-list').append(item);

    // 更新总价
    var totalPrice = parseInt($('.total-price').text());
    $('.total-price').text(totalPrice + price);
  });

  // 删除按钮点击事件
  $('.cart-list').on('click', '.remove-btn', function() {
    var price = parseInt($(this).parent().text().replace('元 删除', '').replace(' - ', ''));
    $(this).parent().remove();

    // 更新总价
    var totalPrice = parseInt($('.total-price').text());
    $('.total-price').text(totalPrice - price);
  });
});

上面的代码实现了点击购买按钮将商品添加到购物车，点击删除按钮从购物车中删除商品，并更新购物车总价。需要注意的是，这里只是一个简单的示例，实际项目中需要更完善的购买流程和数据处理机制。