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 相关文章推荐
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
Jul 26 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
May 07 Javascript
js中onload与onunload的使用示例
Aug 25 Javascript
javascript css红色经典选项卡效果实现代码
May 17 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
Aug 11 Javascript
浅谈react.js 之 批量添加与删除功能
Apr 17 Javascript
vue中npm包全局安装和局部安装过程
Sep 03 Javascript
javascript实现异形滚动轮播
Nov 28 Javascript
vue界面发送表情的实现代码
Sep 11 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
Dec 09 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的一个基础知识 表单提交
2011/07/04 PHP
ThinkPHP调试模式与日志记录概述
2014/08/22 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
php动态函数调用方法
2015/05/21 PHP
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
Vue插值、表达式、分隔符、指令知识小结
2018/10/12 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
[01:54]TI珍贵瞬间系列(五):压力
2020/08/29 DOTA
python中self原理实例分析
2015/04/30 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
详解Python 爬取13个旅游城市,告诉你五一大家最爱去哪玩?
2019/05/07 Python
树莓派用python中的OpenCV输出USB摄像头画面
2019/06/22 Python
Win 10下Anaconda虚拟环境的教程
2020/05/18 Python
python中的yield from语法快速学习
2020/11/06 Python
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
计算机个人求职信范例
2014/01/24 职场文书
《匆匆》教学反思
2014/02/22 职场文书
人力资源部经理岗位职责规定
2014/02/23 职场文书
财务人员的自我评价范文
2014/03/03 职场文书
村创先争优活动总结
2014/08/28 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
小学英语教学随笔
2015/08/14 职场文书
评奖评优个人先进事迹材料
2015/11/04 职场文书
高一军训口号
2015/12/25 职场文书
六年级语文教学反思
2016/03/03 职场文书
受欢迎的自荐信,就这么写!
2019/04/19 职场文书
了解MySQL查询语句执行过程(5大组件)
2022/08/14 MySQL