Jquery-实现购物车，Jquery进行事件控制

实现效果：

 

 

 

基本思路：

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删除全部商品