<style>
#rect0{
margin:10px;
width:100px;
height:100px;
display:block;
padding:8px;
background-color:#aaa;
}
</style>
$('#btn0').click(function(){
$('#input0').val( 'document outerWidth : ' + $(document).outerWidth() + 'px' );
$('#input1').val( 'window outerWidth : ' + $(window).outerWidth() + 'px' );
$('#input2').val( 'div outerWidth : ' + $('#rect0').outerWidth() + 'px' );
$('#input3').val( 'p outerWidth : ' + $('#rect0 p').outerWidth() + 'px' );
});
.outerWidth() return number
指定した要素の外部幅を取得する
id = rect0
外部幅を取得する
<style>
#rect1{
margin:10px;
width:100px;
height:100px;
display:block;
padding:8px;
background-color:#aaa;
}
</style>
$('#btn1').click(function(){
$('#input4').val( 'div outerWidth : ' + $('#rect1').outerWidth(true) + 'px' );
});
.outerWidth( isMargin:boolean ) return number
指定した要素の外部幅（marginを含むかどうかを指定）を取得する
id = rect1
外部幅を取得する