怎么用js显示隐藏div
生活随笔
收集整理的這篇文章主要介紹了
怎么用js显示隐藏div
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
怎么用js來顯示或隱藏一個(gè)div?很簡單,下面一起來看一下。 操作方法 01 首先我們創(chuàng)建一個(gè)div,和一個(gè)按鈕。用按鈕的點(diǎn)擊來控制div的顯示或隱藏。 02 添加一個(gè)樣式名叫hide的樣式,主要是設(shè)置display=none,即隱藏。 03 接著用js來實(shí)現(xiàn)顯示,隱藏的功能。我們用Jquery的hasClass方法來判斷div是否有hide樣式,有則刪除這個(gè)樣式,即顯示div。如果沒有,則添加一個(gè)hide的樣式,即隱藏div。 04 運(yùn)行頁面,我們點(diǎn)擊按鈕,如果div是正在顯示的,點(diǎn)擊后就會(huì)隱藏,如果是隱藏狀態(tài)的,點(diǎn)擊后就會(huì)顯示。
總結(jié)
以上是生活随笔為你收集整理的怎么用js显示隐藏div的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 普洱的功效与作用
- 下一篇: “冬来有劝词”上一句是什么