今天完成的事情：任务三完成，分别用了原生的写法和jqurey的写法来写，法官台本添加了一个身份牌翻转的效果，也算是复习了一下CSS的内容。具体思路是根据点击按钮的次数来控制页面中的元素的显示和隐藏元素达到显示效果，法官台本使用了“+=”在循环中给页面添加元素来实现，需要注意的是。需要注意的是jqurey的eq()函数，用于获取当前jQuery对象所匹配的元素中指定索引的元素，并返回封装该元素的‍‍jQuery对象。不同于原生中可以可以直接在元素后面添加html文件：‍

ss.innerHTML += '<div class="main-box X">' + '<div class="main-box-hide"></div>' +
    '<div class="main-box-all"> '+ '<div class="main-box-open">' + all[i] + '</div>' +'</div>'+
    '<div class="main-box-number">' + (i + 1) + '号</div>' + '</div>';

jqurey需要多一步在定义好的JQ元素中添加自己定义好的字符串：

var i   ;
var play='';
for(i=0; i < all.length; i++){
    play += '<div class="main-box X">' + '<div class="main-box-hide"></div>' +
        '<div class="main-box-all"> '+ '<div class="main-box-open">' + all[i] + '</div>' +'</div>'+
        '<div class="main-box-number">' + (i + 1) + '号</div>' + '</div>';
    console.log(play);
    $('.main').eq(0).html(play);

明天计划的事情：任务四的知识储备。
遇到的问题：在用原生VAR获得对象的时候，要注意

getElementsByClassName

获得class选择器的内容的时候，即使html文件中只有一个元素，也会被当成数组处理，无法直接对其进行操作，可以在其后面加一个‘[]’选择元素，但是更好的方式我认为是使用id选择器

var identiityShow = document.getElementById('identityShow');//获取显示玩家身份区域的值
var identiityGet = document.getElementById('identitySetting');//获取点击设置按钮的值
var killerNum = document.getElementById('killerNum');//获取杀手的数量
var civilianNum = document.getElementById('civilianNum');//获取平民的数量
var player="";

1.

两个本地浏览器存储信息方法的区别：

‍‍2.‍‍‍‍

：before  ：after两个CSS伪类的功能和用法，

clear-fix:after { display: table; content: ""; width: 0; clear: both; }  可以跟在元素后面直接清楚浮动。

更可以‍‍达到给简单的元素另外附加最多两个容器的效果‍‍‍‍‍‍‍‍