购物车知识点

1.商品选中状态样式切换

2.动态删除商品

//删除
			$("#delete a").click(function(){
				if (confirm("你确定要删除吗？")) {
					$(this).parent().remove();
				}
			})

3.数量调整及价格计算

jquery设置内容和属性
text()-设置或返回所选元素的文本内容

---

html()-设置或返回所选元素的内容（包括HTML标记）
val()-设置或返回表单字段的值
attr()-设置/改变属性值
jquery添加元素
append()-在被选择元素的结尾插入内容（仍然在该元素的內部）
prepend()-在被选择元素的开头插入内容（仍然在该元素的內部）
after()-在被选择元素之后插入内容
before()-在被选择元素之前插入内容
jquery删除元素
               remove()-删除被选元素
               empty()-从被选元素中删除子

3，（1）数量调整代码

//单击减法按钮，减法右边的文本框里的数字-1
			$("#trafter td #jian").click(function(){
				//1,获取文本框里的数字  next()找他后面的同级标签
				var num=$(this).next().val();
				//2,当num>0时，才减1
				if (num>0) {
					$(this).next().val(num-1);
				}
			});
			
			//单击加法按钮，减法右边的文本框里的数字+1
			$("#trafter td #add").click(function(){
				//1,获取文本框里的数字  next()找他后面的同级标签
				var num=$(this).prev().val();
				n=parseInt(num);
				$(this).prev().val(n+1);
			});

二.作业
动态删除商品
用js实现
​编辑
用jquery实现
​编辑
 3.数量调整及价格计算