setTimeout内不支持jquery的选择器的解决方案

在JS中无论是setTimeout还是setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，这就需要想方法解决。

今天在写一个js延时事件的时候发现在setTimeout这个方法里面使用jquery的$(this)竟然不起作用，各种测试，最后得出结论是setTimeout内不支持jquery的选择器。于是请教了一下QQ上做jquery开发的高手，马上就把这问题解决了，在这里记录一下。

下面是作者做延时处理时的js代码：

1. $('.dl_select dt').hover(  
2. function(){  
3. clearTimeout(t3);  
4. $(this).siblings('dd').css({'display':'block','cursor':'pointer'});  
5. },  
6. function(){  
7. t2=setTimeout(function(){$(this).siblings('dd').css({'display':'none'});},300);  
8. }  
9. );  
10. $('.dl_select dd').hover(  
11. function(){  
12. clearTimeout(t2);  
13. $(this).css({'display':'block','cursor':'pointer'});  
14. },  
15. function(){  
16. t3=setTimeout(function(){$(this).css({'display':'none'});},200);  
17. }  
18. );  

注意以上代码中得setTimeout里的代码，如果这些代码不在这个方法里面，本身是没有问题的，但是如上这种情况是会报错的。至于原因，作者现在也没有弄明白。经网友点化改成如下就没事儿了，方法很巧妙。如下是正确的代码：

1. $('.dl_select dt').hover(  
2. function(){  
3. clearTimeout(t3);  
4. $(this).siblings('dd').css({'display':'block','cursor':'pointer'});  
5. },  
6. function(){  
7. var $this=$(this).siblings('dd');  
8. t2=setTimeout(function(){$this.css({'display':'none'});},300);  
9. }  
10. );  
11. $('.dl_select dd').hover(  
12. function(){  
13. clearTimeout(t2);  
14. $(this).css({'display':'block','cursor':'pointer'});  
15. },  
16. function(){  
17. var $this=$(this);  
18. t3=setTimeout(function(){$this.css({'display':'none'});},200);  
19. }  
20. ); 

以上所述就是本文的全部内容了，希望大家能够喜欢。