Learn all about the jQuery function .height().
The difference between
.css( "height" ) and
.height() is that the latter returns a unit-less pixel value (for example,
400) while the former returns a value with units intact (for example,
.height() method is recommended when an element’s height needs to be used in a mathematical calculation.
This method is also able to find the height of the window and document.
.height() will always return the content height, regardless of the value of the CSS
box-sizing property. As of jQuery 1.8, this may require retrieving the CSS height plus
box-sizing property and then subtracting any potential border and padding on each element when the element has
box-sizing: border-box. To avoid this penalty, use
.css( "height" ) rather than
script tags will report a value for
height() when absolutely positioned and given
display:block, it is strongly discouraged to call those methods on these tags. In addition to being a bad practice, the results may also prove unreliable.