Dimensiones de elementos en jQuery
Para trabajar con las dimensiones de elementos en jQuery
existen varios métodos:
width,
innerWidth,
outerWidth,
height,
innerHeight,
outerHeight.
Debes recordar que los métodos mencionados obtienen
el 'valor calculado' (computed value).
Son convenientes para cálculos matemáticos, ya que
retornan un valor sin unidades (por ejemplo 400).
Por defecto las unidades de medida son píxeles, pero
se pueden usar otras al establecer valores.
Debes recordar que los valores obtenidos pueden
ser fraccionarios.
Los valores obtenidos pueden cambiar si el elemento o su padre están ocultos o el usuario cambia el tamaño de la página, lo que puede provocar errores.