網頁元素如何隱藏/顯示？

有時候在開發網頁時會需要用到隱藏/顯示元素的功能，卻不知道實際該如何操作，本篇就帶大家了解怎麼隱藏元素！

首先，有一點必須知道

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帶來的隱藏/顯示元素的教學。