如何在 jQuery 中获取元素的宽度和高度？

在本文中，我们将找到 jQuery 中元素的宽度和高度。要查找元素的宽度和高度，可以使用 width() 和 height() 方法。 width() 方法用于检查元素的宽度。它不检查元素的内边距、边框和边距。 height() 方法用于检查元素的高度，但不会检查元素的内边距、边框和边距。

句法：

$("param").width()
$("param").height()

例子：

HTML

  

    
        How to get the width and height
        of an element in jQuery?
    
  
    
    
  
    
        div {
            width: 400px;
            height: 200px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px solid green;
        }
    
  
    
        $(document).ready(function () {
            $("button").click(function () {
                var div_width = $(".div-class").width();
                var div_height = $(".div-class").height();
                $("#div-width-height").html("Width: " + 
                    div_width + ", " + "Height: " + div_height);
            });
        });
    

  

    
        GeeksforGeeks
    
  
    
        How to get the width and height
        of an element in jQuery?
    
  
    
        GeeksforGeeks: A computer science portal
    
    
  
    Get Width/Height
  
    

  

输出：