在jquery中， 可以使用toggle()來切換div的顯示與隱藏狀態 。 下面小編舉例講解jquery怎樣實現點擊按鈕切換div 。
需要這些哦
html+query
代碼編纂器：z studio 10.0
方式/
1新建一個html文件， 定名為test.html， 用于講解jquery如何實現點擊按鈕切換div 。
2在test.html文件內， 利用div標簽建立兩個模塊， 并設置其class為hhh， 同時設置它們樣式 。
3【jquery怎樣實現點擊按鈕切換div】在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文件， 點擊按鈕， 查看實現的結果 。
總結：11、利用div標簽建立兩個模塊， 并設置其class為hhh 。
2、在js中， 經由過程class獲得div對象， 利用each()方式遍歷每個div， 經由過程toggle()方式來切換div的顯示與埋沒， 從而實現點擊按鈕切換div的結果 。
注重事項each()方式用于遍歷每一個div， 并對其進行操作 。
以上內容就是jquery怎樣實現點擊按鈕切換div的內容啦， 希望對你有所幫助哦！
猜你喜歡
- 怎樣做美味的玉米蒸魚？
- 怎樣做美味的南瓜發糕？
- 怎樣做鯽魚湯好喝呢？
- 怎樣做五香味玫瑰花卷？
- 怎樣做美味的苦瓜炒蛋？
- 怎樣做美味的奶香苦瓜胡蘿卜煎餅？
- 怎樣做美味的胡蘿卜海帶拌黃豆？
- 怎樣做漂亮的蔥油花卷？
- 怎樣做美味的花菜炒西紅柿？
- 怎樣做美味的卡通兔子饅頭？