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