怎么用js顯示隱藏div
2022-02-23
怎么用js來顯示或隱藏一個p?很簡單,下面一起來看一下。
操作方法
- 01
首先我們創建一個p,和一個按鈕。用按鈕的點擊來控制p的顯示或隱藏。
- 02
添加一個樣式名叫hide的樣式,主要是設置display=none,即隱藏。
- 03
接著用js來實現顯示,隱藏的功能。我們用Jquery的hasClass方法來判斷p是否有hide樣式,有則刪除這個樣式,即顯示p。如果沒有,則添加一個hide的樣式,即隱藏p。
- 04
運行頁面,我們點擊按鈕,如果p是正在顯示的,點擊后就會隱藏,如果是隱藏狀態的,點擊后就會顯示。
聲明:本篇經驗系酷知網「www.coozhi.com」原創,轉載請注明出處。
詞條內容僅供參考,如果您需要解決具體問題
(尤其在法律、醫學等領域),建議您咨詢相關領域專業人士。