jQueryでmarginも含めた幅や高さを取得

しょぼい話し。
たとえば

#id{
  height: 10px;
  width: 10px;
  margin: 5px;
  padding: 5px;
}

とした時に、jQueryで普通に

$('#id').height();

を実行してもheightで帰ってくる値は 10。

しかしながら、

$('#id').outerHeight();

ってやると、paddingを含んだ高さが返ってきます。
今回の場合は20。

marginを含めるには、trueを渡す必要がある。

$('#id').outerHeight(true);

ってやると30だ。

タイトルとURLをコピーしました