溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“jquery如何讓元素3秒后消失”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“jquery如何讓元素3秒后消失”吧！
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如何讓元素3秒后消失”的內容了，經過本文的學習后，相信大家對jquery如何讓元素3秒后消失這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
