6.25商品勾选

一、主题：完成购物车页面的动态效果

二、知识点

1、each:

each() 方法为每个匹配元素规定要运行的函数。

2、jQuery操作css

addClass:向被选元素添加一个或多个类

removeClass:从被选元素删除一个或多个类

toggleClass:对被选元素进行添加/删除类的切换操作

css():设置或返回样式属性

3、jQuery hover方法

定义：

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。

如果只规定了一个函数，则它将会在 mouseenter 和 mouseleave 事件上运行。

调用:

方法触发 mouseenter 和 mouseleave 事件。

调用：

$( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );

4、重载的定义：

1、必须在同一个类中
2、方法名必须相同
3、参数列表必须不同（就是方法内小括号里面的参数）

5、jquery click()方法

6、

parent():找到父亲

prev():找到同级上一个元素

find(".DanJia")：一级一级的找到目标元素

定义和用法
定义：当点击元素时 发生 click 事件

用法：$(selector).click()

三、商品勾选样式

1、先把a里的图标删了，在css里写两个小图标，设置图片大小。

2、给商品都添加一个橙色图标

3、给a标签添加点击事件，判断

如果有橙色图标，就删除橙色图标并添加黑色图标。

如果没有橙色图标，就添加橙色图标，并删除黑色图标。