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 处理HTML元素必须避免使用的一种方法
Jul 30 Javascript
javascript中递归函数用法注意点
Jul 30 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
解决layui表格的表头不滚动的问题
Sep 04 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
vue-drag-chart 拖动/缩放图表组件的实例代码
Apr 10 Javascript
uniapp微信小程序实现一个页面多个倒计时
Nov 01 Javascript
手把手教你从零开始react+antd搭建项目
Jun 03 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 JSON格式数据交互实例代码详解
2011/01/13 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
php无限级评论嵌套实现代码
2018/04/18 PHP
ThinkPHP5.0框架控制器继承基类和自定义类示例
2018/05/25 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
使用JavaScript实现旋转的彩圈特效
2015/06/23 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
jQuery on()绑定动态元素出现的问题小结
2016/02/19 Javascript
简单谈谈javascript中this的隐式绑定
2016/02/22 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
jquery表单验证插件validation使用方法详解
2017/01/20 Javascript
详解Vue文档中几个易忽视部分的剖析
2018/03/24 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
微信小程序如何访问公众号文章
2019/07/08 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
2020/03/06 Javascript
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
python实现对指定字符串补足固定长度倍数截断输出的方法
2018/11/15 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
Python笔记之代理模式
2019/11/20 Python
在python中做正态性检验示例
2019/12/09 Python
使用python计算三角形的斜边例子
2020/04/15 Python
keras导入weights方式
2020/06/12 Python
解决Keras自带数据集与预训练model下载太慢问题
2020/06/12 Python
CSS3 background-image颜色渐变的实现代码
2018/09/13 HTML / CSS
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
保时捷设计:Porsche Design
2019/03/30 全球购物
幼儿园三八妇女节活动总结
2015/02/06 职场文书
2015年共青团工作总结
2015/05/15 职场文书
业务员管理制度范本
2015/08/06 职场文书
MySQL GTID复制的具体使用
2022/05/20 MySQL