jQuery :hidden选择器

:hidden选择器语法

$('selector:hidden')

:hidden选择器语法解析

jQuery中的:hidden选择器用于选择selector选择器所匹配选取的所有HTML元素中被隐藏的元素,比如display属性值被设置为none的元素、type设置为"hidden"的表单元素等等。

:hidden选择器实例代码

下方的实例中,使用:hidden选择器所有类属性值为example且被display属性被设置为none而隐藏起来的元素,并设置为可见:

<p class="exmple" style="display:none;">段落</p>
<div class="exmple" style="display:none;">DIV</div>
<span class="exmple" style="display:none;">span</span>
<button id="test">显示</button>

<script>
$("#test").click(function(){
  $(".exmple:hidden").show()
})
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.