jQuery :hidden 选择器

jQuery中的:hidden选择器可以用来选择隐藏（display:none）的元素。

具体用法如下：

$(':hidden')

上面的代码中，我们使用了:hidden选择器来选择页面中所有被隐藏的元素。

下面是两个示例说明：

示例1：选择被隐藏的表单元素

假设我们有一个表单，里面有几个输入框。有时候，我们可能会想要选择那些被隐藏的输入框。这时候，就可以使用:hidden选择器。

HTML代码如下：

<form>
  <input type="text" name="username">
  <input type="password" name="password" style="display:none">
  <input type="email" name="email" style="display:none">
</form>

JavaScript代码如下：

$('form input:hidden').each(function() {
  console.log($(this).attr('name') + ' is hidden');
});

上面的代码中，我们选择了表单中所有被隐藏的输入框。然后，使用each方法遍历了这些输入框，并输出了它们的名称。

示例2：选择被隐藏的列表项

假设我们有一个列表，里面有几个项。有时候，我们可能会想要选择那些被隐藏的列表项。这时候，也可以使用:hidden选择器。

HTML代码如下：

<ul>
  <li>Item 1</li>
  <li style="display:none">Item 2</li>
  <li>Item 3</li>
  <li style="display:none">Item 4</li>
  <li>Item 5</li>
</ul>

JavaScript代码如下：

$('ul li:hidden').each(function() {
  console.log($(this).text() + ' is hidden');
});

上面的代码中，我们选择了列表中所有被隐藏的项。然后，使用each方法遍历了这些项，并输出了它们的文本内容。

注意：使用:hidden选择器可以选择所有被隐藏的元素，但不包括隐藏的祖先元素。如果要选择所有被隐藏的元素，包括其祖先元素，可以使用jQuery的filter方法。