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字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
jQuery实现ichat在线客服插件
Dec 29 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
Nov 07 Javascript
jquery实现触发时更新下拉列表内容的方法
Dec 02 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
Vue实现点击时间获取时间段查询功能
Aug 21 Javascript
async/await优雅的错误处理方法总结
Jan 30 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
Jun 22 Javascript
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 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
十大催泪虐心动漫电影,有几部你还没看
2020/03/04 日漫
PHP中实现图片的锐化
2006/10/09 PHP
我的论坛源代码(七)
2006/10/09 PHP
php对gzip文件或者字符串解压实例参考
2008/07/25 PHP
PHP 类相关函数的使用详解
2013/05/10 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
HTML node相关的一些资料整理
2010/01/01 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
2016/09/18 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
浅谈vue父子组件怎么传值
2018/07/21 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
python占位符输入方式实例
2019/05/27 Python
python 应用之Pycharm 新建模板默认添加编码格式-作者-时间等信息【推荐】
2019/06/17 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
html5使用canvas画三角形
2014/12/15 HTML / CSS
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
Tomcat Mysql datasource数据源配置
2015/12/28 面试题
高分子材料个人求职信范文
2013/09/25 职场文书
工程造价与管理专业应届生求职信
2013/11/23 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
幼儿园义卖活动方案
2014/01/17 职场文书
党员目标管理责任书
2014/07/25 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
golang中切片copy复制和等号复制的区别介绍
2021/04/27 Golang