今天完成的事情：完成了JS的页面样式 

学习JQ;

addClass描述: 为每个匹配的元素添加指定的样式类名.addClass( className ),className为一个String字符串，为指定元素添加这个classname的类.addClass( function(index, currentClass) )，这个函数返回一个或更多用空格隔开的要增加的样式名。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。在函数中this指向匹配元素集合中的当前元素。

removeClass描述: 移除集合中每个匹配元素上一个，多个或全部样式。.removeClass( [className ] )，每个匹配元素移除的一个或多个用空格隔开的样式名。.removeClass( function(index, class) )，这个函数，返回一个或多个将要被移除的样式名。index 参数表示在所有匹配元素的集合中当前元素的索引位置。class 参数表示原有的样式名。

利用addClass和removeClass编写一个点击事件改变”this div“的背景颜色，当点击别的div 时之前的cilickClass背景还原，当前的DIV 背景颜色改变 

明天计划的事情：学习一下有限状态机，还有构造函数，JQ
遇到的问题：听了小课堂，有限状态机还不会啊，嘉豪说要把工厂模式和构造函数都看一遍，再去看有限状态机，虽然这里不一定要用有限状态机来完成，但是任务4的目的就是为了让我们学会有限状态机，所以得学会。
收获：对有限状态机有了初步的了解

新建一个对象，用这个对象的属性来模拟元素的状态,用这个对象的方法模拟元素在不同状态

的转变, 那么这个对象就是一个有限状态机是否可用有限状态机来描述，却决于：当前状态确定，有限个

状态，响应事件，在不同状态间有规律的转变。

满足3点即可用：所需状态确定，有事件触发转变状态，总状态有限且转变有规律。

页面可用有限状态机的元素较多且有规律时可用。