📜  jQuery |方面

📅  最后修改于: 2022-05-13 01:56:03.003000             🧑  作者: Mango

jQuery |方面

JQuery Dimensions是 jQuery 中的一个内置方法,用于处理各种元素和浏览器窗口的尺寸。 JQuery Dimension 中有几种维度方法。
jQuery 维度方法:

  • width():该方法设置或返回元素排除padding、border与margin的宽度。
  • height():该方法设置或返回元素排除padding、border与margin的高度。
  • innerWidth():此方法设置或返回元素的内部宽度,包括填充。
  • innerHeight():此方法设置或返回元素的内部高度,包括填充。
  • externalWidth():该方法设置或返回元素的外部宽度,包括内边距和边框。
  • externalHeight():该方法设置或返回元素的外层高度,包括内边距和边框。

注意:所有方法都设置或返回指定的

元素。
JQuery width() 和 height() 方法:在本例中,您将在指定的
元素中看到该方法将返回元素的宽度和高度。
例子:

html


 

    
        jQuery Dimensions
    
 
    
 
    
 
    

 

    
        
            

GeeksforGeeks

        
             
 


html


 

    
        jQuery Dimensions
    
 
    
 
    
 
    

 

    
        
            

GeeksforGeeks

        
             
 


html


 

    
        jQuery Dimensions
    
 
    
 
    
 
    

 

    
        
            

GeeksforGeeks

        
             
 


输出:

  • 点击按钮前:

  • 点击按钮后:



JQuery 的innerWidth() 和innerHeight() 方法:在本例中,您将在指定的

元素中看到该方法将返回元素的内部宽度和内部高度。
例子:

html



 

    
        jQuery Dimensions
    
 
    
 
    
 
    

 

    
        
            

GeeksforGeeks

        
             
 

输出:

  • 点击按钮前:

  • 点击按钮后:

JQuery 的外层宽度() 和外层高度() 方法:在本例中,您将在指定的

元素中看到该方法将返回元素的外宽度和外高度。
例子:

html



 

    
        jQuery Dimensions
    
 
    
 
    
 
    

 

    
        
            

GeeksforGeeks

        
             
 

输出:

  • 点击按钮前:

  • 点击按钮后: