#我來了#用jquery實現點選button隱藏和顯示div

2019-12-12 12:27:56

在jquery中提供了隱藏和顯示的方法，分別是hide( )和show( )方法，下面介紹如何使用jquery實現點選button隱藏和顯示div的功能。

新建一個html檔案，檔名為test.html。

在test.html檔案中，引入jquery.min.js這個jquery庫檔案，該檔案是使用jquery隱藏和顯示方法的前提。

在test.html檔案中，編寫一個div標籤，用於隱藏和顯示，並給div一個id，方便用jquery方法來獲取div標籤。

在test.html檔案中，增加兩個按鈕，一個是隱藏按鈕button，一個是顯示按鈕button。

編寫jquery程式碼，使用hide（）方法來實現點選隱藏按鈕時，隱藏id為aa的div元素。

編寫jquery程式碼，使用show（）方法來實現點選顯示按鈕時，顯示id為aa的div元素。

執行程式碼，在瀏覽器中查詢效果。

可見，當點選隱藏按鈕時，div為隱藏掉不顯示，當點選顯示按鈕時，div會顯示出來。