UI培训Jquery中尺寸函数

更新时间:2016年05月10日15时25分来源:传智播客UI培训学院浏览次数:

Jquery中尺寸函数总结

在工作中，难免需要获取元素的一些宽度、高度等一些类型的值，在教学中，很多学生也问到，那么下边我们就一起总结一下这一组函数。

首先第一组height(val) 与 width(val)，这个相对来说比较简单，如果参数val为空，就表示；直接获取’height’的值；如果没有设置val值，则表示要获取某个元素的height值，可以是字符串或者数组，还可以是一个函数，返回的值为要设置的值。

然后看第二组 innerHeight() 与 innerWidth() 表示获取第一个匹配元素内部区域高度（包括padding、但是不包括border属性）。

最后看第三组outerHeight(options)与outerWidth(options),表示获取元素的外部高度和宽度（默认包括padding和border）里边的参数options，可以是true或者false，默认为false，如果设置为true时，则返回值会将边距（margin）计算在内，如图：