這篇“jquery如何讓id元素顯示隱藏”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“jquery如何讓id元素顯示隱藏”文章吧。

創(chuàng)新互聯(lián)為企業(yè)級(jí)客戶(hù)提高一站式互聯(lián)網(wǎng)+設(shè)計(jì)服務(wù)，主要包括成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、app軟件開(kāi)發(fā)公司、小程序制作、宣傳片制作、LOGO設(shè)計(jì)等，幫助客戶(hù)快速提升營(yíng)銷(xiāo)能力和企業(yè)形象，創(chuàng)新互聯(lián)各部門(mén)都有經(jīng)驗(yàn)豐富的經(jīng)驗(yàn)，可以確保每一個(gè)作品的質(zhì)量和創(chuàng)作周期，同時(shí)每年都有很多新員工加入，為我們帶來(lái)大量新的創(chuàng)意。 

顯示隱藏的實(shí)現(xiàn)方法：1、使用“$("id值")”語(yǔ)句通過(guò)id屬性值獲取指定元素，返回元素對(duì)象；2、使用toggle()、slideToggle()或fadeToggle()來(lái)顯示或隱藏獲取的元素對(duì)象，例如“id元素對(duì)象.toggle()”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

jquery讓id元素顯示隱藏的方法

1、通過(guò)id屬性值獲取指定元素

$("id值")

會(huì)返回一個(gè)包含指定元素的對(duì)象

2、顯示隱藏被選元素

jquery可以利用以下3種內(nèi)置方法來(lái)隱藏和顯示元素

• toggle() 方法

• slideToggle() 方法

• fadeToggle() 方法

這三種方法都會(huì)檢查id元素的可見(jiàn)狀態(tài)，若是顯示狀態(tài)則隱藏，若是隱藏狀態(tài)則顯示。

1、toggle() 方法

toggle() 方法在被選元素上進(jìn)行 hide() 和 show() 之間的切換。

該方法檢查被選元素的可見(jiàn)狀態(tài)。如果一個(gè)元素是隱藏的，則運(yùn)行 show()，如果一個(gè)元素是可見(jiàn)的，則運(yùn)行 hide() - 這會(huì)造成一種隱藏和顯示狀態(tài)切換的效果。

示例1：使用toggle() 方法

	
		
		
		
		
	
	

		
			
ul (父節(jié)點(diǎn))
				
li (兄弟節(jié)點(diǎn))
				
li (類(lèi)名為"start"的li節(jié)點(diǎn)的上一個(gè)兄弟節(jié)點(diǎn))
				li (id值為"start"的li節(jié)點(diǎn))
				
li (兄弟節(jié)點(diǎn))
				
li (兄弟節(jié)點(diǎn))