3種實現方法:1、使用toggle(),語法“$("p").toggle();”,可檢查p元素的可見狀態,如果元素是可見的則隱藏該元素,如果元素是隱藏的則顯示該元素。2、使用fadeToggle()進行顯隱切換,語法“$("p").fadeToggle();”。3、使用slideToggle()進行顯隱切換,語法“$("p").slideToggle();”。
本教程操作環境:windows7系統、jquery3.6.0版本、Dell G3電腦。
jquery隱藏和顯示p元素的三種方法
1、使用toggle()來隱藏和顯示p元素
toggle() 方法在被選元素上進行 hide() 和 show() 之間的切換。
hide() 方法隱藏被選元素。
show() 方法顯示隱藏的被選元素。
該方法檢查被選元素的可見狀態。如果一個元素是隱藏的,則運行 show(),如果一個元素是可見的,則運行 hide() - 這會造成一種隱藏和顯示狀態切換的效果。
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><scriptsrc="./js/jquery-3.6.0.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("p").toggle();});});</script><style>p,p,span{background-color:#FFC0CB;}</style></head><body><p>p元素</p><p>p元素</p><span>span元素</span><br><br><button>隱藏和顯示p元素</button></body></html>2、使用fadeToggle()來隱藏和顯示p元素
fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。
如果元素是淡出顯示的,fadeToggle() 會使用淡入效果顯示它們。
如果元素是淡入顯示的,fadeToggle() 會使用淡出效果顯示它們。
<scriptsrc="./js/jquery-3.6.0.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("p").fadeToggle();});});</script><style>p,p,span{background-color:#DAA520;}</style>3、使用slideToggle() 來隱藏和顯示p元素
slideToggle() 方法在被選元素上進行 slideUp() 和 slideDown() 之間的切換。
slideUp() 方法以滑動方式隱藏被選元素。
slideDown() 方法以滑動方式顯示被選元素。
該方法檢查被選元素的可見狀態。如果一個元素是隱藏的,則運行 slideDown(),如果一個元素是可見的,則運行 slideUp() - 這會造成一種隱藏和顯示狀態切換的效果。
<scriptsrc="./js/jquery-3.6.0.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("p").slideToggle();});});</script>感謝各位的閱讀,以上就是“jquery如何讓一個p隱藏和顯示”的內容了,經過本文的學習后,相信大家對jquery如何讓一個p隱藏和顯示這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是本站,小編將為大家推送更多相關知識點的文章,歡迎關注!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
(資料圖)有關于表情帝是什么意思方面的知識，小編在此整里出來，給大家作為參考，下面就詳細的介紹一下關于表情帝是什么意思的相關內容。1、表情帝指的是主持人楊迪。2、在2010年8月1日東方衛視播出的《中國達人秀》楊迪出現短短1分鐘,卻給全國觀眾留下深刻印象。模樣不佳卻非常自信，喜歡耍寶獲得萬眾矚目，舞臺表現力十分具有綜藝性，將表演做到“旁若無人，死不要臉” 的境界。網友們戲稱其“表情帝”。3、楊迪，...
國美易卡是國美金融旗下的現金貸、分期、信用卡代還產品，之前名叫美易分，有很多人想在國美易卡提現，但是不知道到賬的時間，那么國美易卡提現成功多久到賬?國美易卡審核要多久?國美易卡申請條件，下面一起來看看吧。國美易卡在填寫完個人資料、完成認證后會給予一定的額度，分為提現額度、購物分期、信用卡代還，其中提現額度是可以提到銀行卡內的，如果發現提現額度為零，那么使用其他額度一段時間后就可以提現了。另外如果是...
(資料圖)最近這段時間總有小伙伴問小編法醫秦明第一部結局是什么，小編為此在網上搜尋了一些有關于法醫秦明第一部結局的知識送給大家，希望能解答各位小伙伴的疑惑?！斗ㄡt秦明》第一部的結局：林濤和秦明一起救出了大寶。當新的命案發生時，鐵三角再度整裝待發，一起前往命案現場，為每一個死者查明真相，找出幕后真兇?！斗ㄡt秦明》是一部懸疑偵案劇，由徐昂執導，張若昀、李現、焦俊艷主演。該劇改編自秦明的文學作品《第十一...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）