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

打印页面