在前端開發(fā)中，我們經(jīng)常需要隱藏頁面元素，比如：

<div class="hidden">
...
</div>

上面的代碼中，我們給一個(gè)div元素添加了一個(gè)名為hidden的class，來隱藏這個(gè)元素。

除了使用類名來隱藏元素，還可以使用CSS屬性來實(shí)現(xiàn)。

<div style="display:none;">
...
</div>

在上面的代碼中，我們使用了CSS的display屬性，將元素的顯示設(shè)置為none，就可以隱藏元素了。

另外，我們還可以使用CSS的visibility屬性來隱藏元素。

<div style="visibility:hidden;">
...
</div>

和display屬性不同的是，visibility屬性只是將元素的可見性設(shè)置為hidden，但是元素的占位依然存在。

最后，我們還可以使用CSS的opacity屬性來隱藏元素。

<div style="opacity:0;">
...
</div>

和visibility屬性不同的是，opacity屬性不僅可以將元素隱藏，而且還可以控制元素的透明度。

總結(jié)一下，隱藏頁面元素的方法有：

.hidden{
display:none;
}

<div style="display:none;">
...
</div>

<div style="visibility:hidden;">
...
</div>

<div style="opacity:0;">
...
</div>