js原生態(tài)函數(shù)中使用jQuery中的 $(this)無(wú)效的解決方法

2019-11-20 23:48:22

字體：大中小

供稿：網(wǎng)友

我今天的例子是這樣的，

 
$("ul li").hover(function(){ 
　　setTimeout(function(){ 
　　　　$(this).addClass("test"); 
　　　　alert("延遲了0.3s 我出現(xiàn)了！") //測(cè)試 
　　},300) 
}) 

在運(yùn)行時(shí)，這個(gè)黃色部分是不執(zhí)行的，然后我彈出了一下$(this)原來(lái)是undefined （其實(shí)已經(jīng)猜到了）；
然后我就沒(méi)想（習(xí)慣），直接到百度找了，然后沒(méi)找到答案，然后我就自己想，是不是換種方法，但是我覺得又不大合理，隨后我就想到了在里面讀不到，外面可以讀得到，然后我就將$(this) 在setTimeout()外面賦給了一個(gè)變量。這樣就迎刃而解了。哈哈，挺無(wú)語(yǔ)的問(wèn)題吧，其實(shí)我在這里不是想說(shuō)如何解決的，我是說(shuō)這種思路，解決問(wèn)題前先不要一味的去百度谷歌
先要自己想想辦法，真想不到，去找答案。

復(fù)制代碼代碼如下:

 
$("ul li").hover(function(){ 
　　var oLi = $(this); 
　　setTimeout(function(){ 
　　　　oLi.addClass("test"); 
　　　　alert("延遲了0.3s 我出現(xiàn)了！") //測(cè)試 
　　},300) 
}) 

上一篇：鼠標(biāo)滑上去后圖片放大浮出效果的js代碼

下一篇：actionscript與javascript的區(qū)別