jquery :hidden
jQuery 选择器 :hidden 表示匹配所有隐藏的元素，包括使用 display: none，visibility: hidden，或者父元素具有 display: none 等方式隐藏的元素。

例如，下面的 HTML 结构中，通过设置样式 display:none; 和 visibility:hidden; 隐藏了两个元素：

html
<div class="container">
<p>Visible paragraph</p>
<p class="hidden" style="display:none;">Hidden paragraph 1</p>
<p class="hidden" style="visibility:hidden;">Hidden paragraph 2</p>
<span style="display:none;">Hidden span element</span>
</div>


我们可以使用 jQuery 选择器 :hidden 来选中这些被隐藏的元素：

javascript
// 选中所有隐藏的元素
$('.container :hidden').css('color', 'red');


上述代码会将所有隐藏的元素的文字设置为红色。注意，这里的选择器 :hidden 是相对于 .container 元素而言的，所以只会选择该容器内部被隐藏的元素。如果要选择页面上所有被隐藏的元素，可以使用 $('body :hidden')。