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中的eval函数
Nov 02 Javascript
JQuery实现倒计时按钮具体方法
Nov 14 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
又一枚精彩的弹幕效果jQuery实现
Jul 25 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
JS中正则表达式要注意lastIndex属性
Aug 08 Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
代码详解JS操作剪贴板
Feb 11 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
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中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
2011/11/26 PHP
第六章 php目录与文件操作
2011/12/30 PHP
php防止sql注入之过滤分页参数实例
2014/11/03 PHP
EasySlider 基于jQuery功能强大简单易用的滑动门插件
2010/06/11 Javascript
基于Jquery的动态添加控件并取值的实现代码
2010/09/24 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
js中style.display=""无效的解决方法
2014/10/30 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
jQuery实现下拉框功能实例代码
2016/05/06 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
underscore之function_动力节点Java学院整理
2017/07/11 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
2017/09/26 jQuery
JS函数节流和防抖之间的区分和实现详解
2019/01/11 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
2020/03/23 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
浅谈插入排序算法在Python程序中的实现及简单改进
2016/05/04 Python
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
对django xadmin自定义菜单的实例详解
2019/01/03 Python
python从子线程中获得返回值的方法
2019/01/30 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
剪枝的学问教学反思
2014/02/07 职场文书
管理失职检讨书
2015/05/05 职场文书
郭明义观后感
2015/06/08 职场文书
幼儿园园长六一致辞
2015/07/31 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript
python用海龟绘图写贪吃蛇游戏
2021/06/18 Python
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
MySQL 字符集 character
2022/05/04 MySQL