首頁 > 網際網路

js中如何設定點選事件之後復原

2019-12-12 02:26:48

本文以jquery為例,為你演示js中設定點選事件執行某個動作,再次點選就復原之前的場景

1

開啟vscode,建立h5頁面,引入jquery檔案


2

在頁面中新增測試dom結構,一個按鈕,兩個p標籤


3

在瀏覽器中開啟頁面,可以看到效果,兩段文字,一個按鈕


4

新增js程式碼, 係結按鈕的點選事件,在點下按鈕的時候,隱藏第一個p標籤的內容,只顯示第二個p標籤的內容


5

在瀏覽器中執行效果如圖所示,點選一次按鈕,隱藏了第一個P標籤內容


6

在瀏覽器中點選第二次這個按鈕,第一個P標籤的內容就顯示出來了


7

本文使用了jquery的toggle方法,這個方法會自動根據內容是顯示的,就隱藏,是隱藏的就顯示



IT145.com E-mail:sddin#qq.com