Edit in JSFiddle

var w1 = String($("div").width());
var w2 = $("div").innerWidth();
var w3 = $("div").outerWidth();
var w4 = $("div").outerWidth(true);
$(".w").text(function(){
    return '.width()메소드 : ' + w1;
});
$(".iw").text(function(){
    return '.innerWidth()메소드 : ' + w2;
});
$(".ow").text(function(){
    return '.outerWidth()메소드 : ' + w3;
});
$(".owf").text(function(){
    return '.outerWidth(true)메소드 : ' + w4;
});

<div></div>
<p class="w">이것은 문자</p>
<p class="iw"></p>
<p class="ow"></p>
<p class="owf"></p>

div{width:50px;height:50px;background:blue;padding:10px;border:5px solid red;margin:20px;box-sizing:border-box;}