.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
|
|