发表于: 2017-04-10 23:28:51

1 532


今天完成的事情:

今天本来计划把任务4彻底完成,但是我所采用的数组的方法,感觉比较复杂,后面的逻辑已经很混乱了,删了写不下去了,改成了对象的方法所以昨天的计划还是未达成。把点击变色等写成了,跳转传送状态理解也更深了一些。


明天的计划:

完成任务4


遇到的问题:

1 这两天遇到的一个重要的问题:

var p = $('.logo');
$('.logo').on('click',function () {
if (players[$(this).index('.logo')] == '杀手') {
console.log($(this).index(),'this,index的值');
       alert('杀手不能杀自己人');
   } else {
       p.css('background','#fbb435');
       $(this).css('background', 'red');
       p = $(this);
       person[$(this).index('.logo')].status = 'die';

       console.log(person,'person的值');
       }

①index用法:获得第一个匹配元素相对于其同胞元素的 index 位置。

上面在点击事件后,一下这两种值是不一样的

$(this).index('.logo')//点击的值,可能是1,2,5,6,,
$(this).index()//只有0

②如何清除上一次点击后设置的颜色?

如上,使用$this指向正在点击的block,然后使用变量p = $this,这样在进行下啊一次点击时,p就代表上一次点击的block了。在下一次点击前用p来设置颜色,经过小9师兄的讲解,让我对this的理解又多了一些。


③jq的on()方法,之前主要是看书不仔细,导致有些方法似懂非懂。下面贴用法,不详细说了。

$(selector).on(event,childSelector,data,function,map)


收获:

主要是基础掌握的太少了,导致磕磕绊绊,很多方法知道但也用的不够仔细,今天掌握了更好的调试方法。


返回列表 返回列表
评论

    分享到