Element sizes in jQuery

jQuery has several methods for working with element sizes: width, innerWidth, outerWidth, height, innerHeight, outerHeight. It is important to remember that the specified methods receive 'calculated value'.

They are useful for mathematical calculations, as they return a unitless value (for example, 400). The default units are pixels, but you can use other units when setting the values. It is important to remember that the resulting values ​​may be fractional.

The resulting values ​​may change if the element or its parent is hidden or the user resizes the page, which may lead to errors.