今天完善了任务四，阅读了前几个任务的小课堂基础知识。

明天计划的事情：提取组件库，认真完成任务十四，阅读web小课堂的深度思考。

遇到的问题：

最开始渲染法官查看页面的时候，是自己写出来的，结果在给每天的杀人投票写结果的时候很难写。不能动态得实现。改写了一下，通过具体的天数，动态渲染页面来实现。

然后接着给页面添加class和文字就方便了很多。

一开始不知道jquery eq的用法，一直想不通如何给具体某个元素添加字符， 基础知识还是很重要啊。

顺便总结一下Jquery的过滤选择器.

:first 第一个元素

:last 最后一个元素

$(input:not(.myClass)")选取class不是myclass的input元素

:even 选取索引数是偶数的元素

:odd 选取缩印书是奇数的元素

:eq(index)选取索引是index的元素

:gt(index)选取索引大于index的元素

：lt(index)选取索引小于index的元素

：header 选取所有标题 元素

：animated 选取所有动画元素

:focus 选取当前获得焦点的元素

在调用bootbox这个插件的时候一直成功不了，最后发现是自己忘了调用bootstrap的js文件。。。。

收获：

JQuery is()遍历

is(）用来查看选择的元素是否匹配选择器，如果父元素里有某个子元素，则返回true.

1. 1.JQuery bind()方法：
   

$("selector").bind("事件”，function(){}

其中事件可以写很多个，click，mouseover都可以。

mouseover:function(){$("body").css("background-color","lightgray");},  

mouseout:function(){$("body").css("background-color","lightblue");}, 

click:function(){$("body").css("background-color","yellow");}  

on（）方法，on方法可以实现delegate和bind方法的功能，所以重点看一下on()就可以了。

比如要实现点击某个div元素中的p，然后改变段落的颜色，可以这样写

$(document）.ready(function){

$("#div1).on(click,"p",function(){

$(this).css("background-color","pink")}}就可以实现delegate（为你制定的元素添加事件处理程序）的功能。

1. 2. return的使用方法

2. return会终止函数的执行并返回函数的值。如果在for循环里写了return，它会立即跳出，

3. function counter() {
   

   for (var count = 1;  count++) {  // infinite loop

   console.log(count + "A");

   return;                         //直接就返回了，下面的代码不会再执行

   console.log(count + "B");

   }

   console.log(count + "C");

   }

   counter();