jquery如何让元素3秒后消失

这篇文章主要讲解了“jquery如何让元素3秒后消失”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“jquery如何让元素3秒后消失”吧！

在平武等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计制作、成都网站制作网站设计制作按需定制开发,公司网站建设,企业网站建设,品牌网站设计,全网营销推广,外贸营销网站建设,平武网站建设费用合理。

jquery让元素3秒后消失的方法：1、利用delay()方法规定操作延迟的时间；2、利用hide()方法让元素在指定的延迟时间后隐藏起来，语法为“$(指定元素).delay(3000).hide(300);”。

jquery如何让元素3秒后消失

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

jquery怎样让元素3秒后消失

想要实现元素三秒后消失的效果，需要利用到delay()方法和hide()方法。

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

语法为：

$(selector).delay(speed,queueName)

hide()方法用于隐藏元素。

下面我们通过示例来看一下怎样通过上述两种方法让元素3秒后消失，示例如下：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("#dianji").click(function(){
            $("#disappare").delay(3000).hide(300);
        });
    })
</script>
</head>
<body>
    <div id="content">
        <button id="dianji">点击</button>
        <div id="disappare">
            <p>点击3秒后会自动消失</p>
        </div>
    </div>
</body>
</html>

输出结果：

jquery如何让元素3秒后消失

感谢各位的阅读，以上就是“jquery如何让元素3秒后消失”的内容了，经过本文的学习后，相信大家对jquery如何让元素3秒后消失这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

分享文章：jquery如何让元素3秒后消失
文章来源：https://www.cdcxhl.com/article26/jocgcg.html

成都网站建设公司_创新互联，为您提供自适应网站、App设计、移动网站建设、品牌网站制作、商城网站、网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容