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

📅  最后修改于: 2021-11-25 04:09:39             🧑  作者: Mango

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

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

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

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

HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

           

            Get the width of the hidden              element in jQuery         

           
           
           

            Here the width of the             hidden "div" element will appear.         

                
  


HTML
 
 
    
 
     
      
     
      
     
 
    
 
    
        

GeeksforGeeks

                     

            Get the width of the hidden              element in jQuery         

             
                   
                   

              Here the width of the               hidden "div" element will appear.          

                
      


输出:

  • 点击按钮前:

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

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

HTML

 
 
    
 
     
      
     
      
     
 
    
 
    
        

GeeksforGeeks

                     

            Get the width of the hidden              element in jQuery         

             
                   
                   

              Here the width of the               hidden "div" element will appear.          

                
      

输出:

  • 点击按钮前:

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