今天完成的事情：

1.今天开始写task4的JS部分，盯着演示图看了很多遍，大概理解了逻辑，但是想一下子从整体全局出发写出来还是有难度，所以决定先下手写，一步步的按照游戏的步骤写逻辑，就是感觉先打草稿一样，后面出现的再往里面添加

2.有了疑惑，去翻了翻师兄们的日报，发现了this这个方法

JQ中使用$(this)可以返回当前调用该方法的对象，比如

$(".knife").click(function () {

    $(this).prev().css("background","#83b09a");

})

$(this)就会返回当前被点击的.knife对象，然后再通过.prev().css("background","#83b09a");使对应的对应的.role-wrapper背景色改变。

JQ还有许多的遍历方法：

prev()     返回被选元素的前一个同级元素

next()      返回被选元素的后一个同级元素

parent()  返回被选元素的直接父元素

children()       返回被选元素的所有直接子元素

not()       从匹配元素集合中移除元素

each()     为每个匹配元素执行函数

3.学习了回调函数

回调函数与普通函数有什么区别：

对普通函数的调用：调用程序发出对普通函数的调用后，程序执行立即转向被调用函数执行，直到被调用函数执行完毕后，再返回调用程序继续执行。从发出调用的程序的角度看，这个过程为“调用-->等待被调用函数执行完毕-->继续执行”

对回调函数调用：调用程序发出对回调函数的调用后，不等函数执行完毕，立即返回并继续执行。这样，调用程序执和被调用函数同时在执行。当被调函数执行完毕后，被调函数会反过来调用某个事先指定函数，以通知调用程序：函数调用结束。这个过程称为回调（Callback），这正是回调函数名称的由来。

明天的计划：继续书写JS逻辑，学会添加有限状态机

遇到的问题：还是逻辑有些繁复，比前两个页面至少是一个数量的提升，一环套一环

收获：添加了一部分JS代码，了解了this方法和回调函数