今天完成的事情：

1、在杀人页面添加了点击图标播放音频事件。

2、完成页面中的自动生成相应人数的小方块。

3、添加一个新数组，里面的元素是对象，对象中保存着序号，身份，死亡状态，死亡方式等信息，为之后做判断。

4、学会了jq中的遍历同胞的方法。主要在任务中使用了siblings() 方法，

点击之后所在方块边框变色，以示不同，为了防止点击其他方块之后不变回来，需要遍历同胞，使其变回

$(".container").on("mousedown", ".col",
    function () {
       $(this).css({"border":"2px solid #ff0000"}).siblings().css("border","2px solid #ffffff")
    }
);

5、了解了一点事件冒泡和事件捕获的知识。

明天计划的事情：

1、完成杀人页面的其余逻辑关系。

2、准备小课堂知识点。再完善一下。

3、继续学习js高程中的引用类型部分。

遇到的问题：

1、在写音频点击事件时，开始想着用JQ少写点代码，使用了play（）和pause（），结果发现不起作用，后来发现是jq对象没有play（）方法导致，所以采用源生选择器document.getElementById。也可以将jq对象转换为DOM对象来解决。

var bgm1=document.getElementById("bgm");
    $("#play-pause").click(
        function () {
            if(bgm1.paused){
                bgm1.play();
            }
            else {
                bgm1.pause();
            }
        }
    );

2、利用jq的css()方法找到被选中的方块，并得到序号，主要采用了以下办法。在输入border的样式时写的是‍‍"2px solid #ff0000"，所以开始的时候判断相等是也用的"2px solid #ff0000"，后来在浏览器中调试，发现颜色样式从16进制变成了rgb格式，所以用rgb样式进行判断，才成功。

var x=0;
for (var m=0;m<identity.length;m++){
    if ($(".col").eq(m).css("border")==="2px solid rgb(255, 0, 0)") {
        console.log(m);
        break;
    }
    x++;
}