发表于: 2017-04-08 22:44:04

1 663


今天完成的事情:

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里面。


收获:

如上。




返回列表 返回列表
评论

    分享到