如何在一段时间后隐藏一个div?

我需要在重新加载页面一段时间后隐藏一个div (例如Gmail中的“邮件发送成功”)。

我怎样才能做到这一点?

这是一个基于你的testing的完整工作示例。 比较一下你目前正在弄清楚哪里出错的地方。

 <html> <head> <title>Untitled Document</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready( function() { $('#deletesuccess').delay(1000).fadeOut(); }); </script> </head> <body> <div id=deletesuccess > hiiiiiiiiiii </div> </body> </html> 

在旧版本的jQuery中,你必须使用settimeout来实现“javascript方式”

 setTimeout( function(){$('div').hide();} , 4000); 

要么

 setTimeout( "$('div').hide();", 4000); 

最近jquery 1.4已经添加了这个解决scheme:

 $("div").delay(4000).hide(); 

当然,用正确的元素replace“div”使用有效的jqueryselect器,并在文档准备就绪时调用该函数。

 setTimeout('$("#someDivId").hide()',1500);