今天完成的事情：完成了游戏流程界面和杀人界面

遇到的问题：

一、jq获取的对象和dom节点，有时不会判断。例如在这个事件监听里面，this就是dom节点而不是jq对象。但是

$(".player-wrap")明明是通过jq的选择器获取的。 为了使用jq的index()方法，要用$函数转换一下。

$(".player-wrap").on("click", (function () {
    //this是dom节点，不是jq对象
    var num = parseInt($(this).index() - 1);
    console.log(num);
    console.log(playerArray[num]);

    if (playerArray[num] != "狼人") {
        $(".player-wrap").attr("style", "border-color:#fff;")
        this.setAttribute("style", "border-color:red;");
    }
    else if (playerArray[num] == "狼人") {
        alert("自己人，别动手!")
    }
}))

二、sessionstorage在跨越了html所在的文件夹后不能获取到。改用localstorage就生效了，这点不太理解。

三、保存信息时，有的用对象再存，有的用数组在存。有很多属性的就用对象存，只有一项的就用数组。感觉有点混乱。

收获：

页面逻辑：杀人页面的逻辑关系： 点击身份后边框变色（相当于一个选中效果），狼人不能被选，死人不能被选。点击确定杀人按钮后，会判断一下游戏是否出现胜利情况，是则跳转到胜利，否则会跳转到黑夜揭秘。

‍‍jQuery对象转成DOM对象： ‍‍

‍‍两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index); 
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 
如：var $v =$("#v") ;    //jQuery对象 
var v=$v[0];    //DOM对象
(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象 
如：var $v=$("#v");    //jQuery对象 
var v=$v.get(0);    //DOM对象
‍