Modificar las dimensiones del modelo de caja con jQuery

El manejo de las dimensiones del modelo de caja en jQuery es muy claro, ya que cada una de las dimensiones tiene su propio método, simplificándonos la vida, al contrario de HTML, que parece un tema para iniciados.

Los métodos son los siguientes:

• width(): el ancho del elemento sin padding, border ni margen.
• height(): la altura del elemento sin padding, border ni margen.
• innerWidth(): el ancho del elemento con el padding,pero sin el border ni margen.
• innerHeight(): la altura del elemento con el padding,pero sin el border ni margen.
• outerWidth(): el ancho del elemento con el padding y el borde, pero sin el margen.
• outerHeight(): la altura del elemento con el padding y el borde, pero sin el margen.
• outerWidth(true): el ancho del elemento con el padding, el borde y el margen.
• outerHeight(true): la altura del elemento con el padding, el borde y el margen.