首頁 > 網際網路

如何使用jquery實現dom的隱藏、顯示

2019-12-11 17:40:10

HTML中dom的隱藏和顯示是常用的一些技能,下面我們就來看一下如何使用jquery實現dom的隱藏、顯示;

1

首先,建立一個文字文件,用於程式碼展示編寫;


2

建立兩個div,定義id為a、b,如圖所示;


3

因為要使用jquery,所以我們要引入jquery.js,如圖所示;


4

下面我們來書寫js程式碼,如圖所示;


5

利用jquery的hide()方法進行隱藏,如圖所示程式碼,$().hide();即可隱藏;


6

利用jquery的show()方法進行顯示,如圖所示程式碼,$().show();即可顯示;


7

這裡還要說一個方法,toggle(),這個方法可以使隱藏狀態下的dom顯示,顯示狀態下的dom隱藏,很好用的;



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