jquery怎樣實現點擊按鈕切換div

在jquery中，可以使用toggle()來切換div的顯示與隱藏狀態。下面小編舉例講解jquery怎樣實現點擊按鈕切換div。

東西/原料

1
新建一個html文件，定名為test.html，用于講解jquery如何實現點擊按鈕切換div。
2
在test.html文件內，利用div標簽建立兩個模塊，并設置其class為hhh，同時設置它們樣式。
3
在test.html文件內，第一個div模塊利用display屬性設置其埋沒不成見，即display設置為none。
4
在test.html文件內，建立一個button按鈕，給button綁定onclick點擊事務，當按鈕被點擊時，執行huan()函數。
5
在js標簽內，建立huan()函數，在函數內，經由過程class獲得div對象，利用each()方式遍歷每個div，經由過程toggle()方式來切換div的顯示與埋沒，從而實現點擊按鈕切換div的結果。
6
在瀏覽器打開test.html文件，點擊按鈕，查看實現的結果。
END