jQueryのwidth,height系メソッドの違いについて

jQueryには横幅とか高さを取得するメソッドがあってよく使うしすげー便利なんだけど、paddingも含めたいとかmarginも含めたいとか色々状況によって取得したい値が変わるんだけどイマイチ使い分けが覚えられないからメモ。

各メソッド

何となく言葉の印象だと、innerWidth()がコンテンツの中身だけを取得して、width()がpaddingも含む、とかそういうイメージだからかよく間違えてた。これでもう間違えないね！！

サンプル

• width():
• innerWidth():
• outerWidth():
• outerWidth(true):
• height():
• innerHeight():
• outerHeight():
• outerHeight(true):