這篇文章將為大家詳細(xì)講解有關(guān)jquery實現(xiàn)元素中隱藏或顯示效果的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

我們提供的服務(wù)有：網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、阿圖什ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的阿圖什網(wǎng)站制作公司

jquery實現(xiàn)元素隱藏和顯示效果有兩種方法，分別為：

1、使用 hide() 和 show() 方法來隱藏和顯示元素

2、使用toggle() 方法來隱藏和顯示元素

下面我們來看看這兩種方法具體是如何實現(xiàn)元素的隱藏和顯示。

hide() 和 show() 方法實現(xiàn)隱藏和顯示元素

jquery的hide()方法用來隱藏元素

jquery的show()方法用來顯示元素

	
		
		
		
	
	
		
這是一段測試文字。
		Hide--隱藏
		Show--顯示
	

效果圖：

點擊隱藏按鈕，就可以使用hide()方法來隱藏元素：

點擊顯示按鈕，就可以使用show()方法來顯示被隱藏的元素：

toggle() 方法實現(xiàn)隱藏和顯示元素（隱藏或顯示的切換）

toggle() 方法可以切換元素的可見狀態(tài)，即：切換元素的隱藏或顯示。

toggle() 方法會判斷元素的隱藏或顯示，如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

	
		
		
		
	
	
		
這是一段測試文字。
		toggle()
	

效果圖：

注意：使用jquery方法，無論是hide()、show()、toggle()，還是其他方法，都要先引用jquery.js文件。

關(guān)于jquery實現(xiàn)元素中隱藏或顯示效果的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。