首頁  >  文章  >  web前端  >  jquery怎麼讓元素3秒後消失

jquery怎麼讓元素3秒後消失

WBOY
WBOY原創
2021-12-13 14:20:403138瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn