這篇文章主要講解了“jquery如何讓一個div隱藏和顯示”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“jquery如何讓一個div隱藏和顯示”吧！

十載的德化網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。網(wǎng)絡營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調(diào)整德化建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“德化網(wǎng)站設計”,“德化網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

3種實現(xiàn)方法：1、使用toggle()，語法“$("div").toggle();”，可檢查div元素的可見狀態(tài)，如果元素是可見的則隱藏該元素，如果元素是隱藏的則顯示該元素。2、使用fadeToggle()進行顯隱切換，語法“$("div").fadeToggle();”。3、使用slideToggle()進行顯隱切換，語法“$("div").slideToggle();”。

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

jquery隱藏和顯示div元素的三種方法

1、使用toggle()來隱藏和顯示div元素

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

• hide() 方法隱藏被選元素。

• show() 方法顯示隱藏的被選元素。

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

	
		
		
		
		
	
	
		
p元素
		
div元素
		span元素


		隱藏和顯示div元素

	

2、使用fadeToggle()來隱藏和顯示div元素

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

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

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

3、使用slideToggle() 來隱藏和顯示div元素

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

• slideUp() 方法以滑動方式隱藏被選元素。

• slideDown() 方法以滑動方式顯示被選元素。

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

感謝各位的閱讀，以上就是“jquery如何讓一個div隱藏和顯示”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對jquery如何讓一個div隱藏和顯示這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關知識點的文章，歡迎關注！