$(this)出了什么问题

代码1:
功能描述:为DOM元素添加类,用setTimeout()等待一秒钟,然后删除该类;
$(this).ready(function(){
$('.clicky').click(function(){
$(this).addClass('clicked');
setTimeout(function{
$(this).removeClass('clicked');
},1000);
});
});


出现的问题:代码看上去是完全正确的,但是程序不能正确执行。
解释:在jquery中,$()是对jquery函数的引用,$()只是jqeury()较为间断的写法而已,返回一个对象的普通JavaScript函数调用。
  在javascript 中,用于历史的原因,当直接调用函数函数(也就是说,不是作为对象方法调用)时,window是this的’默认‘函数。
在jquery事件处理程序中,this是处理事件的DOM元素,所以$(this)是用于该DOM元素的一个jquery包装器。所以$(this).removeClass()能够正常工作的原因。但是代码接着调用setTimeout(),setTimeout()是以直接函数调用的方式工作,this指的是window对象。

解决方法:将$(this)复制到一个变量中.这样,javascript为参数和函数的局部变量创建了一个闭包。
正确代码:
$(this).ready(function(){
$('.clicky').click(function(){
var $element = $(this);
$element.addClass('clicked');
setTimeout(function{
$element.removeClass('clicked');
},1000);
});
});
闭包:

function a(){
    var i=0;
    function b(){
    alert(++i);
    }
    return b;
}
var c = a();
c();
特点
1、函数b嵌套在函数a内部;
2、函数a返回函数b。
这样在执行完var c=a()后,变量c实际上是指向了函数b,再执行c()后就会弹出一个窗口显示i的值(第一次为1)。这段代码其实就创建了一个闭包,为什么?因为函数a外的变量c引用了函数a内的函数b,就是说:
当函数a的内部函数b被函数a外的一个变量引用的时候,就创建了一个闭包。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值