发表于: 2017-04-08 22:44:04
1 661
今天完成的事情:
1 又看了一遍高程的面向对象的程序设计,终于能把创建的实例应用到写的函数中了;
2 重新理解了this,index,并找出自己之前的错误了,写好了点击即改变相应颜色的函数,想通了如何将随机点击的block绑定相应的属性,事件。
3 听并思考了小课堂作用域与作用域链,知道了之前不了解的变量与函数的作用条件与范围。
明天计划完成的事情:
通过改变对象的属性,改变玩家的死活,并设置相应的背景颜色;写好黑夜解密的页面与逻辑。
遇到的问题:
1希望达到的效果:点击哪个block,对应的block就变成红色:
①实际不管点击哪个,都是第一个变色。
$('.logo').click(function () {
var i = $(this).index();
$('.logo').eq(i).css('background','red');
})
②更正:
$('.logo').click(function () {
var i = $('.logo').index(this);
$('.logo').eq(i).css('background','red');
})
index()用法:
$(selector).index(element)
element 可选。规定要获得 index 位置的元素。可以是 DOM 元素或 jQuery 选择器。
在①中,获取的i只有一个值0。
2 click与on('click', function)的理解:
element.click()这种写法不支持给动态元素或样式绑定事件。支持给动态元素绑定事件的是.live()和.on()。live在jQquery1.7后就不推荐使用了。使用.on()时注意,on前面的元素必须在页面加载的时候就存在DOM里面。
收获:
如上。
评论