js原生态函数中使用jQuery中的 $(this)无效的解决方法


Posted in Javascript onMay 25, 2011

我今天的例子是这样的,

$("ul li").hover(function(){ 
setTimeout(function(){ 


$(this).addClass("test"); 


alert("延迟了0.3s 我出现了!") //测试 

},300) 
})

在运行时,这个黄色部分是不执行的 ,然后我弹出了一下$(this)原来是undefined (其实已经猜到了);
然后我就没想(习惯),直接到百度找了,然后没找到答案,然后我就自己想,是不是换种方法,但是我觉得又不大合理,随后我就想到了 在里面读不到,外面可以读得到, 然后我就将$(this) 在setTimeout()外面赋给了一个变量。这样就迎刃而解了。哈哈,挺无语的问题吧,其实我在这里不是想说如何解决的,我是说这种思路,解决问题前先不要一味的去百度 谷歌
先要自己想想办法,真想不到,去找答案。
$("ul li").hover(function(){ 
var oLi = $(this); 

setTimeout(function(){ 


oLi.addClass("test"); 


alert("延迟了0.3s 我出现了!") //测试 

},300) 
})
Javascript 相关文章推荐
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
js 操作符汇总
Nov 08 Javascript
前端必备神器 Snap.svg 弹动效果
Nov 10 Javascript
jquery简单图片切换显示效果实现方法
Jan 14 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
Bootstrap自定义文件上传下载样式
May 26 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
微信小程序 wxapp内容组件 icon详细介绍
Oct 31 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
微信小程序 swiper组件构建轮播图的实例
Sep 20 Javascript
vue实现路由切换改变title功能
May 28 Javascript
actionscript与javascript的区别
May 25 #Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 #Javascript
JavaScript EasyPager 分页函数
May 25 #Javascript
浅说js变量
May 25 #Javascript
潜说js对象和数组
May 25 #Javascript
一些常用的JavaScript函数(json)附详细说明
May 25 #Javascript
javascript中万恶的function实例分析
May 25 #Javascript
You might like
如何在PHP中使用Oracle数据库(5)
2006/10/09 PHP
dedecms模板标签代码官方参考
2007/03/17 PHP
php下通过伪造http头破解防盗链的代码
2010/07/03 PHP
PHP关联链接常用代码
2012/11/05 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
Laravel 连接(Join)示例
2019/10/16 PHP
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
jquery下利用jsonp跨域访问实现方法
2010/07/29 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
基于dom编程中 动态创建与删除元素的使用
2013/04/17 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
js整数字符串转换为金额类型数据(示例代码)
2013/12/26 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
Node.js中用D3.js的方法示例
2017/01/16 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
微信小程序入口场景的问题集合与相关解决方法
2019/06/26 Javascript
Python lambda和Python def区别分析
2014/11/30 Python
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
Python sublime安装及配置过程详解
2020/06/29 Python
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
软件测试工程师面试问题精选
2016/10/28 面试题
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
师范学院毕业生求职信范文
2013/12/26 职场文书
精神文明建设先进工作者事迹材料
2014/05/02 职场文书
美德少年事迹材料1000字
2014/08/21 职场文书
2015年出纳个人工作总结
2015/04/02 职场文书
校园文化艺术节开幕词
2016/03/04 职场文书
读《方与圆》有感:交友方圆有度
2020/01/14 职场文书