jquery让原素3秒之后消失的方式:1、运用delay()方式要求实际操作延迟时间的时间也;2、运用hide()方式让原素在指定响应时间后隐藏,词法为“$(特定原素).delay(3000).hide(300);”。
本实例教程作业环境: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视频教学
以上就是关于jquery如何让原素3秒之后消失的具体内容,大量欢迎关注AdminJS其他类似文章!