jQuery/outerHeight(),outerWidth()

解説要素外部の高さ、幅(border,padding含む)を取得

sample1

sample1code

$(function(){
  var s1OuterH = $("#s1Div").outerHeight();
  var s1OuterW = $("#s1Div").outerWidth();
  $("#s1Div").html("p>" + "outerHeight:" + s1OuterH + "/p>" +
  	 "p>" + "outerWidth:" + s1OuterW + "/p>");
});

sample2

sample2code

$(function(){
  $("#s2Btn").click(function(){
  	$(this).outerHeight(100).outerWidth(100);
  });
});