jQuery | :hidden 选择器

在 jQuery 中，有一系列的选择器可以帮助我们精确的选择需要的元素。:hidden 选择器是其中之一，它可以选择被隐藏的元素。

:hidden 选择器的语法

:visible 选择器的语法如下：

$(":hidden")

这个选择器中的冒号 : 表示我们将要使用一个伪类选择器，hidden 则是这个伪类选择器的名字。

:hidden 选择器的用法

:hidden 选择器可以选择任何被隐藏的元素，包括以下情况：

• 元素使用了 display:none 属性。
• 元素的宽度和高度都为 0。
• 元素被设置为 visibility:hidden。
• 元素被放在了一个不可见的 iframe 中。
• 父元素被设置为 display:none，导致子元素也被隐藏。

以下是一个使用 :hidden 选择器的例子：

$("div:hidden").show();

这个例子中，我们选择所有被隐藏的 div 元素，并将它们展示出来。这相当于使用以下代码：

$("div").filter(":hidden").show();

:hidden 选择器的注意事项

• :hidden 选择器只会选择被隐藏的元素，不会选择 visibility:visible 或者 display:inline 的元素。
• :hidden 选择器只选择第一层被隐藏的元素，如果包含子元素被隐藏，不会选择子元素。

总结

:hidden 选择器是 jQuery 中的一个伪类选择器，它可以选择所有被隐藏的元素。使用 :hidden 选择器，可以在不知道元素具体隐藏方式的情况下，选中需要的元素。