jQuery | :隐藏选择器

隐藏选择器选择要处理的隐藏元素。
句法：

$(":hidden")

隐藏元素是指以下元素：
• 设置为显示：无
• type=”hidden” 的表单元素
• 宽度和高度设置为 0
• 隐藏的父元素（这也隐藏子元素）

示例 1：

  

    
    
  
    
    
        $(document).ready(function() {
            $("h1:hidden").show(5000);
        });
    
    

  

    
        
          GeeksforGeeks
      
        
          Hidden attribute example
      
        
          The above line will show up gradually.
      
  
    

  

输出：
动画前：

动画后：

示例 2：

  

    
      Complex Animation Using Hidden Attribute
  
    
        h1 {
            color: green;
        }
          
        div {
            width: 70px;
            height: 40px;
            background: green;
            margin: 5px;
            float: left;
        }
          
        span {
            display: block;
            clear: left;
            color: black;
        }
          
        .starthidden {
            display: none;
        }
    
    
  

  

    
        GeeksforGeeks
    
    
    
    
      Hidden element
  
    
      Hidden element2
  
  
    
    
      Hidden element
  
    
      Hidden element2
  
  
    
  
    
        
        
        
    
  
    
  
    
        var hiddenElements = $("body").find(":hidden").not("script");
  
        $("span:first").text("We have found " +
                             hiddenElements.length + 
                             " hidden elements total.");
        $("div:hidden").show(1000);
        $("span:last").text("We have found " +
                            $("input:hidden").length 
                            + " hidden inputs.");
    
  

  

输出：
动画前：

动画后：

注意：此选择器不适用于具有可见性的元素：隐藏。

参考资料： https://api.jquery.com/hidden-selector/