.outerHeight()

Get the current height for the first element in the matched elements, including padding and border.

Syntax

.outerHeight([includeMargin])

Parameters

includeMargin: A Boolean indicating whether to include the element's margin in the calculation

Return value

The height of the element, along with its top and bottom padding, border, and optionally margin, in pixels.

Description

If includeMargin is omitted or false, the padding and border are included in the calculation; if it's true, the margin is also included.

This method is not applicable to window and document objects, for these use .height() instead.

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             $("div").width(300);
             alert($("div").outerHeight());
        });
    </script>
    <style>
    div{
        width:200px;
        height:100px;
        overflow:auto;
    }
    h1 { width:1000px;height:1000px; }
  </style>

  </head>
  <body>
    <body>
       <div><h1>header 1</h1></div>
    </body>
</html>

Click to view the demo