Rumah > Artikel > hujung hadapan web > jquery怎样实现两秒后消失
jquery怎样实现两秒后消失
- WBOYasal
- 2022-01-10 16:49:221524semak imbas
在jquery中，可用delay()和hide()函数来说实现元素两秒后消失效果，delay()函数用于对队列下一项的执行设置延迟时间，hide()函数用于隐藏被选中的元素，语法为“$(元素).delay(2000).hide(200)”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery怎样实现两秒后消失
delay() 方法对队列中的下一项的执行设置延迟。
语法
$(selector).delay(speed,queueName)
参数
speed 可选。规定延迟的速度。可能的值：毫秒、"slow"、"fast"
queueName 可选。规定队列的名称。默认是 "fx"，标准效果队列。
hide() 方法隐藏被选元素。
提示：这与 CSS 属性 display:none 类似。
注释：隐藏的元素不会被完全显示（不再影响页面的布局）。
提示：如需显示隐藏的元素，请查看 show() 方法。
语法
$(selector).hide(speed,easing,callback)
示例如下：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#dianji").click(function(){
$("#disappare").delay(2000).hide(200);
});
})
</script>
</head>
<body>
<div id="content">
<button id="dianji">点击</button>
<div id="disappare">
<p>点击2秒后会自动消失</p>
</div>
</div>
</body>
</html>输出结果：
相关视频教程推荐：jQuery视频教程
Atas ialah kandungan terperinci jquery怎样实现两秒后消失. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：vue中骨架屏是什么Artikel seterusnya：jquery中的data是什么意思