发表于: 2017-04-10 23:28:51
1 531
今天完成的事情:
今天本来计划把任务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)
收获:
主要是基础掌握的太少了,导致磕磕绊绊,很多方法知道但也用的不够仔细,今天掌握了更好的调试方法。
评论