jQuery之宽高

一、width()、height() 

1、获取宽高

$('div').width()  // 100
$('div').height()  // 100

2、设置宽高

$('div').width(200)
$('div').height(200)

3、总结

•  这个宽高不包括padding、border、margin

二、innerWidth()、innerHeight()

$('div').innerWidth()
$('div').innerHeight()

总结：返回元素的高度、宽度（包括内边距）

三、outerWidth()、outerHeight()

1、无参数

$('div').outerWidth()
$('div').outerHeight()

总结：返回元素的宽高（包括内边距+边框）

2、有参数

$('div').outerWidth(true)
$('div').outerHeight(true)

 总结：返回元素的宽高（包括内边距+边框+外边距）

四、获取页面可视区的宽高

$(window).width()
$(window).height()