jQuery :hidden 选择器

jQuery 中的 :hidden 选择器用于选择隐藏的元素。它作用于隐藏元素。该选择器将选择满足以下任何条件的隐藏元素：

• type = "hidden" 的表单元素。
• 宽度和高度设置为 0 的元素。
• display : none 的元素。
• 隐藏了其子元素的隐藏父元素。

如果元素或其任何父元素在隐藏时占用空间，则不认为该元素是隐藏的。在隐藏时不占用空间的元素或其父元素被认为是隐藏元素。因此，使用 CSS 属性 visibility : hidden 和 opacity : 0 的元素被认为是可见的，因为它们在隐藏时会占用空间。:hidden 选择器不适用于使用 CSS 属性（例如 visibility : hidden 和 opacity : 0）的元素。

语法

使用 :hidden 选择器常用的语法如下：

该选择器不带任何参数使用。但是，我们必须在选择器之前使用 id、类或标签名称来选择特定元素。

现在，让我们看一些示例来理解 :hidden 选择器的工作原理。

示例 1

在此示例中，我们使用 :hidden 选择器来选择使用 display:none CSS 属性隐藏的 h1 标题元素。单击给定按钮时，将选择该元素。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

在此示例中，有一些隐藏的 div 元素和一些隐藏的输入字段。:hidden 选择器将选择隐藏的 div 元素和输入字段。单击给定按钮时，将弹出一个警报框，显示输入字段的值，并且隐藏的 div 元素也将显示。

输出

执行上述代码后，输出将是 -

单击上面屏幕截图中的按钮时，将显示输入字段和 div 元素的值。