有時候在開發網頁時會需要用到隱藏/顯示元素的功能,卻不知道實際該如何操作,本篇就帶大家了解怎麼隱藏元素! 首先,有一點必須知道 CSS中有一個叫做display的屬性,你可以為他設定值, 當display: none;代表隱藏元素,當display: block;以區塊顯示(顯示元素) 由這個原理我們可以推演到顯示隱藏元素,讓我們直接看代碼吧!

jQuery 隱藏、顯示

//假設是id為test的元素

//顯示
$("#test").show()

//隱藏
$("#test").hide()

原生JavaScript 

//假設是id為test的元素

//顯示
document.getElementById("test").style.display = "block"

//隱藏
document.getElementById("test").style.display = "none"

  以上就是Cotpear帶來的隱藏/顯示元素的教學。

分享見解
我們建議您填寫正確的電子郵件地址,以便您能收到最新的回覆通知。
如果有任何問題需要聯繫我們,歡迎 m.me/cotpear Messenger 聯繫我們。
好耶!還有好多座位ヾ(≧▽≦*)o
Loading...