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秒後消失的詳細內容。更多資訊請關注PHP中文網其他相關文章!