如何用jQuery编写一个5秒后隐藏元素的代码？

本文共计480个文字，预计阅读时间需要2分钟。

方法：1、使用$(元素)获取指定的元素对象；2、使用元素对象.delay(5000)设置元素下一条的执行延迟5秒；3、使用设置延迟的元素对象.fadeOut()设置元素在延迟时间过后隐藏即消失。

方法：1、利用“$("元素")”获取指定的元素对象；2、利用“元素对象.delay(5000)”设置元素下一项的执行延迟5秒；3、利用“设置延迟的元素对象.fadeOut();”设置元素在延迟时间过后隐藏即可。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery元素5s后隐藏

1、获取元素对象

语法如下：

$(selector)

2、设置延迟时间为5秒

delay() 方法对队列中的下一项的执行设置延迟。

语法

$(selector).delay(speed,queueName)

3、设置延迟后隐藏即可

fadeOut() 方法逐渐改变被选元素的不透明度，从可见到隐藏（褪色效果）。

注释：隐藏的元素不会被完全显示（不再影响页面的布局）。