我今天下午本来想做个就是tr鼠标移出之后过三秒把对应的input添加hiddens类
然后我就这样写了
$('.table>tbody>tr').mouseout(function(){
var index=$(this).index();
setTimeout(function(){
console.log(index);
console.log($(this));
$(this).parents('.table').siblings('.check-btn').children('p').eq(index).children('input').addClass('hiddens');
},);
然后就一直不能得到我想要的效果
然后我就打印了setTimeout里面的this
发现this指向了window
我去
我本意是想指向tr的呀
然后我就发现可能是闭包了
然后我对闭包也并不熟悉
然后我就看书了
然后我就找到了解答的方案
如下
$('.table>tbody>tr').mouseout(function(){
var index=$(this).index();
var that=$(this);
setTimeout(function(){
console.log(that);
that.parents('.table').siblings('.check-btn').children('p').eq(index).children('input').addClass('hiddens');
},);
})
看到了吗
用that=$(this)
在setTimeout外面定义
哇撒
然后that就指向了tr
但是这时我又有疑惑了
为什么setTimeout里面this会指向window呢
然后就发现我知识太少了
然后就得到了小伙伴的指导
原来
setTimeout是挂在window上面的全局方法
哇
是不是一目了然就知道了我疑惑setTimeout里面的this指向问题
ps:原谅我的知识有限,经过园友的指出,原来这个不是闭包问题,所以我就改正了,谢谢谢谢各位园友,园友的力量是伟大的:
还有问了一些小伙伴说:闭包是变量的作用域的问题,这个是改变了 this 指向的