获取jQuery中隐藏元素的高度

HTML元素可与.hide（）jQuery函数的帮助下被隐藏或者我们可以做的知名度等于隐藏在CSS容易隐藏。我们可以很容易地在 jQuery 中找到这个隐藏元素的高度。
每个 HTML 元素都定义了两种高度，即元素的内层高度和外层高度：

1. innerHeight：当不考虑所选元素的边框宽度时，会考虑此高度。
2. externalHeight：当考虑所选元素的边框宽度时，会考虑此高度。

Example-1：这个例子展示了如何计算隐藏元素的innerHeight。

  

    
  
    
    
        $(document).ready(function() {
            $("#btn1").click(function() {
                var demo = $("div").innerHeight();
                $("#demo").text(demo);
            });
        });
    
    
    
        div {
            width: 310px;
            height: 80px;
            font-weight: bold;
            color: green;
            font-size: 25px;
            border: 1px solid green;
            visibility: hidden;
        }
          
        body {
            border: 1px solid green;
            padding: 10px;
            width: 300px;
        }
    

  

    
  
    
  
    
      Here the height of the 
      hidden "div" element will appear.
  
  
    Submit
  

  

输出：
点击前：

点击后：
在这里，边框宽度不会添加到结果中。

示例 2：此示例显示如何计算隐藏元素的外层高度。

  

    
  
    
    
        $(document).ready(function() {
            $("#btn1").click(function() {
                var demo = $("div").outerHeight();
                $("#demo").text(demo);
            });
        });
    
    
    
        div {
            width: 310px;
            height: 80px;
            font-weight: bold;
            color: green;
            font-size: 25px;
            border: 1px solid green;
            visibility: hidden;
        }
          
        body {
            border: 1px solid green;
            padding: 10px;
            width: 300px;
        }
    

  

    
  
    
  
    
       Here the height of the hidden 
      "div" element will appear.
    
  
    Submit
  

  

输出：
点击前：

点击后：
在这里，边框宽度将被添加到结果中。