jquery顯示已隱藏div層的方法：1、創(chuàng)建一個(gè)按鈕并給按鈕綁定一個(gè)click點(diǎn)擊事件，并指定事件處理函數(shù)；2、在事件處理函數(shù)中利用show()方法可以顯示已經(jīng)隱藏的div，語(yǔ)法為“div元素對(duì)象.show()”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery怎么顯示已隱藏的div層

在jquery中，通過(guò)獲得div元素對(duì)象，使用show()方法便可以將隱藏的div顯示出來(lái)。

新建一個(gè)html文件，命名為test.html，用于講解如何用jquery讓一個(gè)隱藏的div顯示。使用div創(chuàng)建一個(gè)模塊，并設(shè)置其id為test，主要用于下面通過(guò)該id獲得div對(duì)象。

定義div的樣式，設(shè)置其display屬性為none，實(shí)現(xiàn)隱藏，同時(shí)，使用width屬性設(shè)置div的寬度為100px，使用height屬性設(shè)置div的高度為100px，使用background屬性設(shè)置div的背景顏色為紅色。

使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，按鈕名稱(chēng)為“顯示隱藏的div”。給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行showdiv（）函數(shù)。

創(chuàng)建showdiv()函數(shù)，在函數(shù)內(nèi)，通過(guò)id(test)獲得div對(duì)象，使用show()方法實(shí)現(xiàn)將隱藏的div內(nèi)容顯示出來(lái)。

在瀏覽器打開(kāi)test.html文件，點(diǎn)擊按鈕，查看實(shí)現(xiàn)的效果。

點(diǎn)擊按鈕后：

總結(jié)：

1、創(chuàng)建一個(gè)test.html文件。

2、在文件內(nèi)，使用div創(chuàng)建一個(gè)模塊，同時(shí)使用css設(shè)置div隱藏不可見(jiàn)。

3、創(chuàng)建一個(gè)button按鈕，用于觸發(fā)執(zhí)行js函數(shù)。

4、在js標(biāo)簽內(nèi)，創(chuàng)建函數(shù)，在函數(shù)內(nèi)，通過(guò)id(test)獲得div對(duì)象，使用show()方法實(shí)現(xiàn)將隱藏的div內(nèi)容顯示出來(lái)。

注意事項(xiàng)

除了以上方法外，還可以使用css()方法設(shè)置div的display屬性為block，實(shí)現(xiàn)將隱藏的div顯示出來(lái)。

相關(guān)視頻教程推薦：jQuery視頻教程