jQuery :hidden 选择器

实例

显示隐藏的 <p> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p:hidden").show(3500);
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <p>这是一段文本</p>
  13. <p>这是另外一段文本</p>
  14. <p style="display:none;">这是一个隐藏的段落,慢慢地显示出来。</p>
  15. </body>
  16. </html>

定义与用法

:hidden 选择器选择隐藏的元素。

隐藏元素是指以下元素:

  • 设置为 display:none
  • 表单中为 type="hidden" 的 input
  • 高度与宽度被设置为 0
  • 隐藏的父元素(也会隐藏子元素)

注意:此选择器不适用于 "visibility:hidden" 的元素。


语法

  1. $(":hidden")

分类导航