本篇內(nèi)容主要講解“jquery如何實(shí)現(xiàn)顯示與隱藏的互換”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“jquery如何實(shí)現(xiàn)顯示與隱藏的互換”吧!

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比金沙網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式金沙網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋金沙地區(qū)。費(fèi)用合理售后完善，10年實(shí)體公司更值得信賴。

互換方法：1、用“元素對(duì)象.toggle()”，當(dāng)元素是可見狀態(tài)則隱藏元素，當(dāng)元素不可見則顯示元素；2、用“元素對(duì)象.slideToggle()”，當(dāng)元素可見則隱藏元素，當(dāng)元素不可見則顯示元素；3、用“元素對(duì)象.fadeToggle()”。

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

jquery實(shí)現(xiàn)顯示與隱藏互換有三種方法：

• toggle() 方法

• slideToggle() 方法

• fadeToggle() 方法

1、toggle() 方法

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

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

注釋：隱藏的元素不會(huì)被完全顯示（不再影響頁(yè)面的布局）。

	
		
		
		
	
	

		
這是一個(gè)段落。
		切換 hide() 和 show()

	

2、slideToggle() 方法

slideToggle() 方法在被選元素上進(jìn)行 slideUp() 和 slideDown() 之間的切換。

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

	
		
		
		
	
	

		
這是一個(gè)段落。
		切換 slideUp() 和 slideDown()

	

3、fadeToggle() 方法

fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。

• 如果元素是淡出顯示的，fadeToggle() 會(huì)使用淡入效果顯示它們。

• 如果元素是淡入顯示的，fadeToggle() 會(huì)使用淡出效果顯示它們。

注釋：隱藏的元素不會(huì)被完全顯示（不再影響頁(yè)面的布局）。

	
		
		
		
	
	

		
實(shí)例演示了 fadeToggle() 使用了不同的 speed(速度) 參數(shù)。
		點(diǎn)擊淡入/淡出