jQuery | externalHeight() 方法

jQuery 中的outerHeight()方法用于查找指定元素的外部高度。元素的外部高度包括填充和边框。

句法：

$(selector).outerHeight(includeMargin)

参数：此方法接受可选的单个参数 includeMargin。它包含布尔值，用于指定是否包含边距。如果 includeMargin 设置为 true 则包含边距，否则不包含边距。默认情况下，includeMargin 设置为 false。

下面的例子说明了 jQuery 中的 outerWidth() 方法：

示例：此示例显示元素的外部高度。

  

    
    
      
    
    
        $(document).ready(function() {
            $("button").click(function() {
                alert("Outer height of div: "
                    + $("div").outerHeight());
            });
        });
    
      
    
    
        .geeks {
            height: 80px;
            width: 200px;
            padding: 5px;
            margin: 5px;
            border: 2px solid black;
            background-color: green;
            text-align: center;
        }
    

  

  
    
        GeeksforGeeks
    
  
    Click Here to display outer height
  

  
                    

输出：
点击按钮前：

点击按钮后：