jquery如何让原素3秒之后消失

lxf2023-03-18 10:00:01

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视频教学

以上就是关于jquery如何让原素3秒之后消失的具体内容,大量欢迎关注AdminJS其他类似文章!