「jQuery入門」divのpadding/margin/height/widthを取得する方法

2018年12月21日

サンプルコード

$(function(){
        $("div").width();//div要素のwidth
        $("div").innerWidth();//div要素のpadding+width
        $("div").outerWidth();//div要素のpadding+width+border
        $("div").outerWidth(true);//div要素のpadding+width+border+margin
        
        $("div").height(); //div要素のheight   
        $("div").innerHeight();//div要素のpadding+height
        $("div").outerHeight();//div要素のpadding+height+border
        $("div").outerHeight(true);//div要素のpadding+height+border+margin
})