如何在 jQuery 中获取隐藏元素的宽度？

HTML元素可与.hide（）jQuery函数的帮助下被隐藏或者我们可以做的知名度等于隐藏在CSS容易隐藏。我们可以很容易地在 jQuery 中找到这个隐藏元素的宽度。

有两种宽度的与该每一个HTML元素即innerWidth和元件的outerWidth定义：

• innerWidth：当不考虑所选元素的边框宽度时，会考虑此宽度。
• externalWidth：当为所选元素考虑边框宽度时，会考虑此宽度。

示例 1：此示例显示如何计算隐藏元素的innerWidth 。

HTML

  

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

  

    
        GeeksforGeeks
  
        
            Get the width of the hidden 
            element in jQuery
        
  
        
  
        
  
        
            Here the width of the
            hidden "div" element will appear.
        
  
        Submit
    

  

输出：

• 点击按钮前：

  

• 单击按钮后：这里，边框宽度不会添加到结果中。

  

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

HTML

 
 
    
 
     
     
      
     
        $(document).ready(function() { 
            $("#btn1").click(function() { 
                var demo = $("div").outerWidth(); 
                $("#demo").text(demo); 
            }); 
        }); 
     
      
     
        div { 
            width: 310px; 
            height: 80px; 
            font-weight: bold; 
            color: green; 
            font-size: 25px; 
            border: 1px solid green; 
            visibility: hidden; 
            border: 2px solid black; 
            padding: 10px; 
        } 
            
        body { 
            border: 1px solid black; 
            padding: 20px; 
        } 
        h1 {
            color: green;
        }
     
 
    
 
    
        GeeksforGeeks 
          
        
            Get the width of the hidden 
            element in jQuery
         
  
         
        
         
        
         
            Here the width of the  
            hidden "div" element will appear. 
        
   
        Submit 
  
 
    

输出：

• 点击按钮前：

  

• 单击按钮后：此处，边框宽度将添加到结果中。