jquery实现购物车基本功能实现购物车基本功能
购物车里的功能无非是商品数量的加减、商品删除、全选反选等操作，其实现过程如下所示：
1.html代码：
<body>
<div class="empty">
购物车空空如也，<a href="javascript:void(0);" >快去选购吧</a>
</div>
<table border="2px solid #ccc" id="table">
<thead>
<th>
<input type="checkbox" class="checkOnly" style="vertical-align:middle;margin-right:20px;">全选
</th>
<th>序号</th>
<th>商品名称</th>
<th>数量</th>
<th>单价</th>
<th>小计</th>
<th>操作</th>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox" class="check">
</td>
<td class="num">1</td>
<td>烤煎饼</td>
<td>
<span>
<input type="button" value="-" class="reduces">
<span class="span">1</span>
<input type="button" value="+" class="adds">
</span>
</td>
<td>单价：
<span class="price">2</span>
</td>
<td>
小计：
<span class="prices">2</span>
</td>
<td>
<a href="#" class="del">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="check">
</td>
<td class="num">2</td>
<td>珍珠奶茶</td>
<td>
<span>
<input type="button" value="-" class="reduces">
<span class="span">1</span>
<input type="button" value="+" class="adds">
</span>
</td>
<td>单价：
<span class="price">4</span>
</td>
<td>
小计：
<span class="prices">4</span>
</td>
<td>
<a href="#" class="del">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="check">
</td>
<td class="num">3</td>
<td>水煮鱼</td>
<td>
<span>
<input type="button" value="-" class="reduces">
<span class="span">1</span>
<input type="button" value="+" class="adds">
</span>
</td>
<td>单价：
<span class="price">20</span>
</td>
<td>
小计：
<span class="prices">20</span>
</td>
<td>
<a href="#" class="del">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="check">
</td>
<td class="num">4</td>
<td>蛋糕</td>
<td>
<span>
<input type="button" value="-" class="reduces">
<span class="span">1</span>
<input type="button" value="+" class="adds">
</span>
</td>
<td>单价：
<span class="price">50</span>
</td>
<td>
小计：
<span class="prices">50</span>
资源评论
咸7932022-11-25资源不错，内容挺好的，有一定的使用价值，值得借鉴，感谢分享。
冷傲的奇怪少女2023-03-28总算找到了自己想要的资源，对自己的启发很大，感谢分享~
m0_712413382022-11-25资源很受用，资源主总结的很全面，内容与描述一致，解决了我当下的问题。- guoyuank2022-10-26感谢大佬分享的资源给了我灵感，果断支持！感谢分享~
