js 横幅のみ、空白+横幅などの取得(width, innerWidth, outerWidth)

幅と言っても空白アリ、線幅アリなど含める・含めないで変わってくる

作成日:2018-07-06, 更新日:2018-07-06

基本

var w = $('p').width()
幅+padding
var w = $('p').innerWidth()
幅+padding+線幅
var w = $('p').outerWidth()
幅+padding+線幅+margin
var w = $('p').outerWidth(true)
ウィンドウのスクロールバーを除く横幅
var w = $(window).width();
ウィンドウのスクロールバーを含む横幅
var w = window.innerWidth;

※「ウィンドウのスクロールバーを含む横幅」だけ、jqueryじゃない。
※高さは「widht」のトコを「height」にする(大文字・小文字に注意)