Dimensões de elementos em jQuery

Para trabalhar com as dimensões de elementos em jQuery existem vários métodos: width, innerWidth, outerWidth, height, innerHeight, outerHeight. É importante lembrar que os métodos mencionados obtêm o 'valor calculado' (computed value).

Eles são convenientes para cálculos matemáticos, pois retornam um valor adimensional (por exemplo, 400). Por padrão, a unidade de medida é pixels, mas também é possível usar outras ao definir valores. É importante lembrar que os valores obtidos podem ser fracionários.

Os valores obtidos podem mudar se o elemento ou seu pai estiver oculto ou se o usuário redimensionar a página, o que pode levar a erros.