传智播客旗下品牌:  黑马程序员  |  博学谷  |  传智专修学院

改变中国IT教育,我们正在行动     全国咨询热线:400-618-4000

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)计算在内,如图:

本文版权归传智播客UI培训学院所有,欢迎转载,转载请注明作者出处。谢谢!
作者:传智播客UI培训学院
首发:http://www.itcast.cn/ui