jquery 增减购物车商品信息

jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等常见的网页开发任务。在购物车功能中，jQuery可以用来动态操作DOM（Document Object Model），方便地增删商品信息。

例如，你可以创建这样的步骤：

1. **选择元素**：首先，你需要获取或创建表示购物车和商品项的HTML元素，如`<li>`元素代表每个商品。

var cartItems = $('#cart-items');
var addItemButton = $('#add-item-button');

2. **添加商品**：点击"增加"按钮时，可以使用`.append()`方法追加新的商品项到购物车列表。

addItemButton.on('click', function() {
    var newItem = $('<li class="item">商品名称</li>');
    cartItems.append(newItem);
});

3. **删除商品**：类似地，可以为每个商品项绑定删除事件，使用`.remove()`方法移除已选的商品。

$('.item').on('click', '.remove', function() {
    $(this).parent().remove();
});

4. **更新数量**：可以设置一个输入框让用户调整商品的数量，然后通过事件监听器更改`<li>`元素内的数字。

$('input.quantity-input').on('change', function() {
    var item = $(this).closest('.item');
    item.find('.quantity').text(this.value);
});