Jquery $('#div').show().delay(5000).hide();不起作用

作者:编程家 分类: js 时间:2025-11-21

使用Jquery的show()、delay()和hide()方法可以实现在一定时间间隔后显示和隐藏元素的效果。然而,有时候我们可能会遇到代码不起作用的情况。本文将介绍可能导致这种问题的原因,并提供解决方案。

首先,我们需要确认代码是否按照预期的方式被执行。在本例中,我们使用了$("#div")来选择一个具体的元素,并调用了show()、delay(5000)和hide()方法来分别显示、延迟5秒后隐藏该元素。但是,如果在页面加载完成之前调用这段代码,jQuery可能无法找到该元素,导致代码不起作用。

为了解决这个问题,我们可以将代码放置在$(document).ready()方法中,以确保在页面加载完成后再执行代码。下面是一个示例:

html

使用Jquery显示和隐藏元素

上述代码中,我们将Jquery的库文件引入到页面中,并在`