jq怎麼多個class點選顯示隱藏不同div

2019-12-12 14:28:20

網頁程式設計越來越流程，jquery的使用也越來越廣泛，這裡一起探討下利用jquery中的class篩選器隱藏不同的div，如果對您有幫助請幫點讚，謝謝。

第一步

首先建立一個html，html是網頁的骨架，然後通過js和css才能做出可互動的美好的網站

第二步

需要注意的是，html中一定要引入jquery的js檔案，這裡採用的是1.8.0版本，比較老，但是也可以使用

第三步

需要建立幾個不同class的div，詳見下面的程式碼，建立了3個div

第四步

因為之前html中已經建立了兩個button，所以這裡就可以編寫javascript了

通過id進行系結按鈕事件

第五步

通過hide(）方法可以隱藏div，通過show()方法可以顯示div，這個按鈕系結了事件，只隱藏一個div