我怎样才能使用延迟（）与show（）和hide（）在JQuery中

我怎样才能使用delay()与show()和hide()在JQuery中？

Answer 1

传递一个持续时间来show()和hide() ：

当提供持续时间时， .show()成为一个animation方法。

例如element.delay(1000).show(0)

DEMO

Answer 2

从jquery api

在版本1.4中添加到jQuery中， .delay()方法允许我们延迟队列中后续函数的执行。 它可以与标准效果队列或自定义队列一起使用。 只有队列中的后续事件被延迟; 例如，这不会延迟不使用效果队列的.show()或.show()的无参数forms。

http://api.jquery.com/delay/

Answer 3

为什么不尝试fadeIn（）而不是使用show（）和delay（）。 我认为你所要做的是可以做到这一点。 这里是fadeIn和FadeOut（）的jQuery代码，它也有延迟进程的内置方法。

 $(document).ready(function(){ $('element').click(function(){ //effects take place in 3000ms $('element_to_hide').fadeOut(3000); $('element_to_show').fadeIn(3000); }); }