今天完成的事情：任务三除身份展示页外都用JQurey的知识完成，在用原生进行重构的时候碰到了一些问题，主要是在控制元素的css样式显示和隐藏的时候，使用了

opacity

属性控制透明度，而且也并没有在原始样式添加这个属性，今天早上准备使用display：来控制.

open.style.opacity = 1;
warn.style.opacity = 1;
playerRole.opacity = 1;

明天计划的事情：任务三完成，任务4知识储备
遇到的问题：
收获：

控制元素显示或者隐藏的时候深切的体会到了jqurey的优势：

else if (clickNum % 2 == 0) {
    //当点击次数为偶数次时，显示隐藏身份页面
    $('.main-show-cover').toggle();
    $('.main-show-open').toggle();
    $('#playerRole').toggle();
    $('.main-show-open-warn').toggle();
    $('#playerNum').text(playNum);
    $('#btnShow').text('查看' + playNum + '号身份');
    playNum++;
} else {
    //当点击次数为奇数次时，显示n号玩家身份信息
    $('.main-show-cover').toggle();
    $('.main-show-open').toggle();
    $('.main-show-open-warn').toggle();
    $('#playerRole').toggle().text('角色：' + all[playNum - 2]);
    if (playNum < all.length + 1) {
        $('#btnShow').text('隐藏并传递给' + playNum + '号');
    } else {
        $('#btnShow').text('查看法官台本');
    }

对获得到的JQ元素控制显示和隐藏效果仅需要一个

.toggle();

属性就可以，而.text属性‍‍可以设置或返回被选元素的文本内容。对应原生的

.innerHTML

‍