JQuery获取常用的尺寸属性

JQuery获取常用的尺寸属性

http://www.w3school.com.cn/jquery/jquery_dimensions.asp

1.宽、高相关

函数名	说明	例子
width()	获取第一个匹配元素的宽度,默认为px	$("#txt1").width()
width(val)	为匹配的元素设置宽度值,默认为px	$("#txt1").width(200)
height()	获取第一个匹配元素的高度,默认为px	$("#txt1").height()
height(val)	为匹配的元素设置宽度值,默认为px	$("#txt1").height(20)
innerWidth()	获取第一个匹配元素内部区域宽度(包括padding,不包括border)	$("#txt1").innerWidth()
innerHeight()	获取第一个匹配元素内部区域高度(包括padding,不包括border)	$("#txt1").innerHeight()
outerWidth([margin])	获取第一个匹配元素外部区域宽度(包括padding,border) margin为true则包括margin,否则不包括	$("#txt1").outerWidth()
outerHeight([margin])	获取第一个匹配元素外部区域高度(包括padding,border) margin为true则包括margin,否则不包括	$("#txt1").outerHeight(true)

注意:

返回的高度、宽度均为数字,不带px

参照一张图,会更容易理解些.

--选自《从零开始学习jQuery》