jQuery购物车案例模块

以下是一个简化的jQuery购物车案例模块，用于添加和删除购物车中的商品。

HTML 部分：

<table id="cart">
  <thead>
    <tr>
      <th>商品名称</th>
      <th>单价</th>
      <th>数量</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <!-- 商品行将动态插入此处 -->
  </tbody>
</table>

jQuery 部分：

$(document).ready(function(){
  // 添加商品到购物车
  $('#addToCart').click(function(){
    var productName = $('#productName').val();
    var productPrice = $('#productPrice').val();
    var row = '<tr><td>' + productName + '</td><td>' + productPrice + '</td><td>1</td><td><button class="remove">移除</button></td></tr>';
    $('#cart tbody').append(row);
  });
 
  // 从购物车移除商品
  $('#cart').on('click', '.remove', function(){
    $(this).closest('tr').remove();
  });
});

这段代码提供了基本的添加和移除购物车商品的功能。用户可以通过输入商品名称和单价来添加商品，点击"添加"按钮后，商品信息会被添加到购物车表格的底部。每行底部都有一个"移除"按钮，点击可以将该商品从购物车中移除。