实现效果:
基本思路:
1.将页面的每个部分都用div盒子装起来,整个页面用一个div盒子,里面再划分多个盒子。
2.添加css样式,使页面基本达到效果。
3.添加js代码,增加一些加减数量,全选,结算的功能。
使用js进行一些事件的控制;
(一)全选和全不选模块
全选的思路:里面3个小的复选框(j-checkbox)选中状态(checked)跟着全选按钮(checkall)
(二)小的复选框的状态与全选关联
:checked选择器 :checked查找被选中的表单元素
(三)增减商品数量模块
1.修改普通元素的内容text()方法
2.截断字符串使用的是substr()
3.parents()可以返回指定祖先元素
4.计算保留两位小数,使用的toFixed(2)方法
(四)用户修改文本框的值
(五)小计和总额
Jquery隐式迭代是对同一类元素做了同样的操作,如果想要给同一类 元素做不一样的操作,需要用到遍历
each()方法遍历元素 遍历dom对象 各种标签
$.each()方法遍历元素,主要用于遍历数据,处理数据 (遍历对象或者遍历一个数组)
(六)删除商品模块。
1.删除商品按钮
2.删除选中商品
3删除全部商品