学习情况：

1、杀人页面，玩家身份框html端留空，使用jq代码插入。

$(document).ready(function() {     //页面加载完运行

    for (i = 0; i < num; i++) {

         $(".main-4:first").append(' <div>//身份框结构</div>');  //.main-4(父系)内，尾部增加子系结构

              $("h4").eq(i).text(i + 1 + "号");  //身份编号

优点是节省html代码，使用jq插入，逻辑上更清晰。在css任务中，多次出现的html端大量重复代码的问题终于解决。

2、被杀身份确认点击后样式变更（接上段代码，页面加载完运行）

$("img").eq(i).bind("click", function () {    //img不支持click事件，需使用bind函数

     for(a=0;a<num;a++){

            $(".main-4-1").eq(a).css("border", "2px solid white");}  //未确认点击前，恢复原样式

            $(".main-4-1").eq($("img").index(this)).css("border", "2px solid red"); //点击修改样式

                    })

2个问题:

一是代码必须放在$(document).ready(function()中点击才会生效。（应该跟本身的身份信息全部属于jq函数增加有关，试过在html端增加身份代码没有问题）

二是样式表修改，代码无效的问题。

错误代码(接1)：

$("img").eq(i).bind("click", function () {   

     $(".main-4-1").eq(i).css("border", "2px solid red");})

即点击函数内，外面for循环的i无效，没有找到原因，只好用$("img").index(this)代替选中身份的索引值。

3、白天和晚上的页面循环跳转，先考虑是的页面传参，发现工作量巨大，且逻辑不明确。看了其他师兄日报，使用的是data-* 属性（HTML 5 的新特性，允许用户在 DOM 中存储自定义信息）。其实之前好像看了一些相关内容，但是没有实践的学习，在需要应用的地方完全茫然。。

问题：无。

计划：明天重新看一下数据存储与传递方面的资料，实现循环页面的正确跳转与内容显示。