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

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

$('.dl_select dt').hover(
	function(){
		clearTimeout(t3);
		$(this).siblings('dd').css({'display':'block','cursor':'pointer'});
	},
	function(){
		t2=setTimeout(function(){$(this).siblings('dd').css({'display':'none'});},300);
	}
);
$('.dl_select dd').hover(
	function(){
		clearTimeout(t2);
		$(this).css({'display':'block','cursor':'pointer'});
	},
	function(){
		t3=setTimeout(function(){$(this).css({'display':'none'});},200);
	}
);

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

$('.dl_select dt').hover(
	function(){
		clearTimeout(t3);
		$(this).siblings('dd').css({'display':'block','cursor':'pointer'});
	},
	function(){
		var $this=$(this).siblings('dd');
		t2=setTimeout(function(){$this.css({'display':'none'});},300);
	}
);
$('.dl_select dd').hover(
	function(){
		clearTimeout(t2);
		$(this).css({'display':'block','cursor':'pointer'});
	},
	function(){
		var $this=$(this);
		t3=setTimeout(function(){$this.css({'display':'none'});},200);
	}
);

特别感谢 http://www.0773linji.com/ 高手指点

• JS颜色选择器JScolor
• JQuery 选择器用法大总结
• JS setInterval和setTimeout用法分析
• 如何停止 setInterval 和 setTimeout 事件
• 如何知道服务器是否支持Gzip压缩
• 解决 nginx 服务器下使用 thinkphp 框架不支持 pathinfo 的问题
• robots meta标签的作用及其用法
• Sphinx在windows下安装使用[支持中文全文检索]