如何使用jquery讓元素顯示后自動隱藏

在jquery中，可以使用show()方法讓隱藏的元素顯示出來，通過定時器setTimeout()方法可以實現元素的自動隱藏。下面小編以div元素為例，講解如何使用jquery讓元素顯示后自動隱藏。

東西/原料

1
新建一個html文件，定名為test.html，用于講解若何利用jquery讓元素顯示后主動埋沒。
2
在test.html文件內，利用div建立一行文字，并設置其id屬性為aaa，本家兒要用于下面經由過程該id獲得div對象。
3
在test.html文件內，利用css設置div埋沒不成見，即設置div的display屬性值為none。
4
在test.html文件內，利用button標簽建立一個按鈕，按鈕名稱為“點擊觸發元素顯示并埋沒”。
5
在test.html文件中，給button按鈕綁定onclick點擊事務，當按鈕被點擊時，執行setzt（）函數。
6
在js標簽中，建立setzt()函數，在函數內，經由過程id(aaa)獲得div對象，利用show()方式將埋沒的div顯示出來，再利用setTimeout（）設置在1秒后，經由過程hide()方式將顯示出來的div埋沒。
7
在瀏覽器打開test.html文件，點擊按鈕，查看實現的結果。
END