首頁 >web前端 >js教程 >js原生态函数中使用jQuery中的 $(this)无效的解决方法_jquery

js原生态函数中使用jQuery中的 $(this)无效的解决方法_jquery

WBOY
WBOY原創
2016-05-16 18:06:211115瀏覽

我今天的例子是这样的,

复制代码 代码如下:

$("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)
})
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn