有時候在開發網頁時會需要用到隱藏/顯示元素的功能,卻不知道實際該如何操作,本篇就帶大家了解怎麼隱藏元素! 首先,有一點必須知道 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帶來的隱藏/顯示元素的教學。