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 相关文章推荐
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
chrome原生方法之数组
Nov 30 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
jquery中object对象循环遍历的方法
Dec 18 Javascript
详解微信小程序 wx.uploadFile 的编码坑
Jan 23 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 Javascript
微信小程序配置服务器提示验证token失败的解决方法
Apr 03 Javascript
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
js实现轮播图特效
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
yii上传文件或图片实例
2014/04/01 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
htm调用JS代码
2007/03/15 Javascript
JS学习之一个简易的日历控件
2010/03/24 Javascript
基于jquery的15款幻灯片插件
2011/04/10 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
2013/04/12 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
表单中单选框添加选项和移除选项
2016/07/04 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
JS基于面向对象实现的拖拽功能示例
2016/12/20 Javascript
浅谈Vue2.0父子组件间事件派发机制
2018/01/08 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
vue实现树形菜单效果
2018/03/19 Javascript
layui中使用jquery控制radio选中事件的示例代码
2018/08/15 jQuery
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
Python实现微信小程序支付功能
2019/07/25 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
python如何调用java类
2020/07/05 Python
python opencv实现图像配准与比较
2021/02/09 Python
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
学前班评语大全
2014/05/04 职场文书
勿忘国耻9.18演讲稿(经典篇)
2014/09/14 职场文书
出差报告格式模板
2014/11/06 职场文书
会计求职自荐信
2015/03/26 职场文书
2015双创工作总结
2015/07/24 职场文书
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL
使用Redis做预定库存缓存功能
2022/04/02 Redis
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技