2013年12月9日月曜日

jQuery で要素の大きさを測る

HTML 要素の大きさを測るときには width(), height() を使う。
padding も含めた大きさを測るときには innerWidth(), innerHeight() を使う。
border も含めた大きさを図りたいときは outherWidth(), outherHeight() を使う。
更に margin も含めた大きさを図りたいときは margin オプションを true にすればよい。
var width = $('element').width();
var height = $('element').height();
var innerWidth = $('element').innerWidth();
var innerHeight = $('element').innerHeight();
var outerWidth = $('element').outerWidth();
var outerHeight = $('element').outerHeight();
var outerWidth2 = $('element').outerWidth({margin: true});
var outerHeight2 = $('element').outerHeight({margin: true});

0 件のコメント:

コメントを投稿