El método outerHeight() en jQuery se usa para encontrar la altura exterior del elemento especificado. La altura exterior de un elemento incluye el relleno y el borde.
Sintaxis:
$(selector).outerHeight(includeMargin)
Parámetros: este método acepta el parámetro único includeMargin , que es opcional. Contiene un valor booleano y se usa para especificar si el margen se incluirá o no. Si includeMargin se establece en verdadero, se incluye el margen; de lo contrario, no se incluye el margen. De forma predeterminada, includeMargin se establece en falso.
El siguiente ejemplo ilustra el método outsideWidth() en jQuery:
Ejemplo: Este ejemplo muestra la altura exterior de un elemento.
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- Script to return outer height -->
<script>
$(document).ready(function() {
$("button").click(function() {
alert("Outer height of div: "
+ $("div").outerHeight());
});
});
</script>
<!-- Style to create box using padding
and margin -->
<style>
.geeks {
height: 80px;
width: 200px;
padding: 5px;
margin: 5px;
border: 2px solid black;
background-color: green;
text-align: center;
}
</style>
</head>
<body>
<div class="geeks">
GeeksforGeeks
</div>
<button>Click Here to display outer height</button>
</body>
</html>
Salida:
Antes Haga clic en el botón: 
Después Haga clic en el botón: