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日期时间格式化函数分享
May 05 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
jQuery中parent()方法用法实例
Jan 07 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
Sep 14 Javascript
微信小程序中的onLoad详解及简单实例
Apr 05 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
基于JSON数据格式详解
Aug 31 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 Javascript
jquery.pager.js实现分页效果
Jul 29 jQuery
vue计算属性无法监听到数组内部变化的解决方案
Nov 06 Javascript
element-ui中按需引入的实现
Dec 25 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 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 adodb介绍
2009/03/19 PHP
php中var_export与var_dump的区别分析
2010/08/21 PHP
一个简洁的PHP可逆加密函数(分享)
2013/06/06 PHP
php通过隐藏表单控件获取到前两个页面的url
2014/09/09 PHP
php中FTP函数ftp_connect、ftp_login与ftp_chmod用法
2014/11/18 PHP
php限制ip地址范围的方法
2015/03/31 PHP
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
window.location和document.location的区别分析
2008/12/23 Javascript
json 入门基础教程 推荐
2009/10/31 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
JavaScript中的原型prototype完全解析
2016/05/10 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
2017/07/18 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
Python使用django搭建web开发环境
2017/06/09 Python
Python实现的径向基(RBF)神经网络示例
2018/02/06 Python
详解Python学习之安装pandas
2019/04/16 Python
安装PyInstaller失败问题解决
2019/12/14 Python
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
苹果音乐订阅:Apple Music
2018/08/02 全球购物
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
工作迟到检讨书
2014/02/21 职场文书
村干部承诺书
2014/03/28 职场文书
英语演讲稿3分钟
2014/04/29 职场文书
学习计划书怎么写
2014/09/15 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
医院营销工作计划
2015/01/16 职场文书
朋友聚会祝酒词
2015/08/10 职场文书
2019年妇科护士的自我鉴定(3篇)
2019/09/26 职场文书
导游词之吉林花园山
2019/10/17 职场文书
react antd实现动态增减表单
2021/06/03 Javascript