发表于: 2017-06-10 23:34:23
1 655
今天完成的事情:
写了任务4的法官台本页面和杀手杀人页面,
明天计划的事情:
准备小课堂。
处理杀手杀人页面的逻辑问题,死者状态的储存,怎么实现一次只能杀死一个人和不能杀死杀手本身。
遇到的问题:
每一个身份盒子里的内容都是一样的(除了里面的文字),然后要实现.knife点击后,只有它对应的.role-wrapper背景色改变,其他的.role-wrapper背景色不变,并且其他的.knife被点击是弹出提示“一次只能杀一人”,这个部分目前实现的还有些问题,点击其他身份的小刀图片,身份牌也会变色。
收获:
今天发现了JQ中使用$(this)可以返回当前调用该方法的对象,比如
$(".knife").click(function () {
$(this).prev().css("background","#83b09a");
})
$(this)就会返回当前被点击的.knife对象,然后再通过.prev().css("background","#83b09a");使对应的对应的.role-wrapper背景色改变。
JQ还有许多的遍历方法:
prev() 返回被选元素的前一个同级元素
next() 返回被选元素的后一个同级元素
parent() 返回被选元素的直接父元素
children() 返回被选元素的所有直接子元素
not() 从匹配元素集合中移除元素
each() 为每个匹配元素执行函数
等等,还有很多。
评论