jQuery :hidden 選擇器

:hidden 選擇器用於選擇當前隱藏的所有元素。

以下是元素被認為是隱藏的情況：

具有 `display: none;` CSS 屬性的元素。
具有 `visibility: hidden;` 的元素。
寬度或高度設定為 0 的元素。
型別為 "hidden" 的表單元素。
位於隱藏父元素內的元素。

語法

以下是 jQuery 中 :hidden 選擇器的語法：

$(":hidden")

引數

:hidden 指定要檢查其隱藏狀態的元素。

示例

在下面的示例中，我們演示了 jQuery :hidden 選擇器的基本用法：

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("div:hidden").show(2000);
        });
    </script>
</head>
<body>
    <div>This div is visible.</div>
    <div style="display:none;">This div is hidden using display: none.</div>
</body>
</html>

執行上述程式後，隱藏元素將在 2 秒後顯示在 DOM 中。

jquery_ref_selectors.htm

列印頁面