Display jQuery 入門

jQuery 是一個廣泛使用的 JavaScript 庫，可以幫助開發者容易地對 HTML 文檔進行遍歷、操作 HTML 元素的樣式和屬性，以及對用戶的行為做出響應。其中最常用的模塊就是 Display 模塊，該模塊允許您在 HTML 頁面中查找元素并顯示或隱藏它們。

以下是一些示例展示，如何使用 display jQuery 模塊的常用功能。

$('.element').show();

以上代碼將選中名為 “.element” 的 HTML 元素，并使其顯示。

$('.element').hide();

以上代碼將選中名為 “.element” 的 HTML 元素，并使其隱藏。

$('.element').toggle();

以上代碼將選中名為 “.element” 的 HTML 元素，根據其當前的可見性來切換其可見性。如果該元素當前為可見狀態，則該功能會使其變為隱藏狀態，反之亦然。

if($('.element').is(':visible')){
// 該元素當前是可見的
} else {
// 該元素當前是隱藏的
}

使用 is() 方法檢查包含在選擇器中的第一個元素的可見狀態。

以上是最基本和常用的 display 功能，除此之外還有 show/hide 的自定義速度、fade 動畫效果等其他高級功能。