在JavaScript中，hidden是一個常用的屬性，用于控制HTML頁面中元素的隱藏和顯示。可以利用它來隱藏一些不需要在一開始就呈現給用戶的元素，以達到更好的頁面效果和用戶體驗。

hidden屬性通常應用到button、div、form、input、select和textarea等元素上，其中button和input分別表示按鈕和輸入框，div表示網頁中劃分區域的盒子，form表示表單，select表示下拉框，textarea表示文本區域。接下來我們以button和div為例具體講解其使用方法。

// HTML代碼
<button id="btn">點擊隱藏</button>
<div id="content">這是要隱藏的內容</div>
// JavaScript代碼
var btn = document.getElementById("btn");
var content = document.getElementById("content");
// 點擊按鈕隱藏內容
btn.onclick = function(){
content.hidden = true;
}
// 點擊按鈕顯示內容
btn.onclick = function(){
content.hidden = false;
}

以上代碼中，我們首先獲取了按鈕和要隱藏的內容的DOM元素。接著定義兩個函數，實現按鈕的隱藏顯示效果。當用戶點擊按鈕時，按鈕綁定的onclick事件會改變內容的hidden屬性值，從而實現內容的隱藏或者顯示。實際運用中，我們可以利用hidden屬性實現更加高級的頁面交互效果，例如彈窗、提示框等。

需要注意的是，hidden屬性僅僅是控制元素的可見性，而并非實現元素的縮小或者折疊。如果要實現縮小或者折疊元素，我們可以通過配合CSS屬性實現。例如，通過將元素的高度或者寬度設置為0，我們就可以實現元素的折疊。通過將元素的透明度設置為0，我們就可以實現元素的漸隱效果。結合CSS屬性和hidden屬性的運用，可以實現更加豐富和多樣的頁面效果。

綜上所述，hidden屬性是JavaScript中一個非常實用的屬性，不但可以實現元素的隱藏和顯示，還可以與CSS屬性協同運用，實現更加高級和多樣的頁面效果。我們在實際開發網頁中，可以靈活地運用這個屬性，讓網頁煥然一新。