jQuery :hidden 选择器

在 jQuery 中，:hidden 选择器用于选取所有隐藏的元素。一个元素被认为是隐藏的，如果它的 display 属性设置为 none，或者它的宽度和高度都为 0。

语法

:hidden 选择器的语法如下：

$(":hidden")

示例

假设我们有以下 HTML 结构：

<div id="div1" style="display: none;">Hello, world!</div>
<div id="div2">Goodbye, world!</div>

如果我们想选择所有隐藏的元素，可以这样做：

$(":hidden").css("color", "red");

上面的代码将会把 div1 元素的文本颜色设置为红色，因为它是隐藏的。

注意事项

• :hidden 选择器只会匹配设置为 display: none; 的元素，不会匹配 visibility: hidden; 的元素。
• 如果一个元素的父元素设置为 display: none;，那么这个元素也会被认为是隐藏的。
• 在 jQuery 3.0 版本之后，:hidden 选择器不再匹配 <input type="hidden"> 元素。

结论

使用 :hidden 选择器可以方便地选择所有隐藏的元素，从而可以对它们进行相应的操作。在编写前端代码时，了解这个选择器的使用方法可以帮助我们更好地控制页面元素的显示与隐藏。