js原生态函数中使用jQuery中的 $(this)无效的解决方法
更新时间：2011年05月25日 23:02:11 作者：
今天遇到一个听郁闷的问题，正如title所说 js中原生态函数在jQuery 中使用 $(this) 被解析成undefined
我今天的例子是这样的，
$("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)
})
复制代码 代码如下:
$("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)
})
您可能感兴趣的文章:
- js中的this关键字详解
- javascript中onclick(this)用法介绍
- javascript this用法小结
- JS中的this变量的使用介绍
- javascript中this的四种用法
- js报错 Object doesn''t support this property or method的原因分析
- 改变javascript函数内部this指针指向的三种方法
- 关于js里的this关键字的理解
- tomcat6下jsp出现getOutputStream() has already been called for this response异常的原因和解决方法
- Javascript this关键字使用分析
- JS中改变this指向的方法(call和apply、bind)
- JavaScript中this详解
- JS函数this的用法实例分析
- 解决vue.js this.$router.push无效的问题
- vue项目中在外部js文件中直接调用vue实例的方法比如说this
- Javascript对象中关于setTimeout和setInterval的this介绍
- Javascript this指针
- JS中this的4种绑定规则详解
相关文章
这篇文章主要介绍了jquery操作select常见方法,结合实例形式总结分析了jQuery操作select常见的7种情况与相关操作技巧,需要的朋友可以参考下2019-05-05
用jQuery实现了三种情况下的变灰不可用的效果，当鼠标放到上面点击，右键菜单就会消失，其实解决的办法也很简单，只要在对应的单击事件里重新绑定右键菜单即可，需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jQuery中cookie插件用法,结合完整实例形式分析了jQuery针对cookie操作的插件jquery.cookie.js相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
jQuery中如何判断当前点击的是第几个li，使用$(this).index()取得li的下标，下面的示例，大家可以看看2014-09-09
使用jquery判断一个元素是否含有一个指定的类(class)实例
下面小编就为大家带来一篇使用jquery判断一个元素是否含有一个指定的类(class)实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
下面小编就为大家带来一篇Jquery ajax请求导出Excel表格的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要为大家详细介绍了jQuery+PHP+Mysql实现抽奖程序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
使用jquery给input和textarea设定ie中的focus
在浏览网站的过程中，我们经常可以看见当鼠标点击后样式改变的文本框和文本域,那么这种效果是如何实现的呢?2008-05-05
这篇文章主要介绍了jQuery根据用户电脑是mac还是pc加载对应样式的方法,涉及jQuery针对客户端信息的获取及样式的调用技巧,需要的朋友可以参考下2015-06-06
本篇文章主要是对jquery选择器之内容过滤选择器进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
最新评论