.height()Returns: Integer
Description: Get the current computed height for the first element in the set of matched elements.
version added: 1.0.height()
- This method does not accept any arguments.
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, 400px
). The .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.
1 2 |
|
Note that .height()
will always return the content height, regardless of the value of the CSS box-sizing
property.
Note: Although
style
andscript
tags will report a value for.width()
orheight()
when absolutely positioned and givendisplay: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.
Example:
Show various heights. Note the values are from the iframe so might be smaller than you expected. The yellow highlight shows the iframe body.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
|