JQuery元素尺寸相关方法

width:获取选中元素集第一个元素的宽度。返回的是元素内容宽度,而不考虑CSS的box-sizing属性的值。在使用.width()之前确保元素是可见的,否则可能返回值不准确,当用户缩放页面时,尺寸也可能不正确。JQuery1.8起,当元素具有属性box-sizing: border-box,则需要获取CSS宽度再加上box-sizing属性值然后再减去每个属性的边框和填充。如果width属性接受一个表示像素的整数或一个整数加上一个可选的度量单位为参数,则可用来设置匹配元素集中每个元素的CSS宽度。如果只传一个数值,则假定为像素值,如果是字符串则可以使用任何有效的CSS度量来度量宽度如20px、30%或auto。JQuery1.4.1起,width还可以接受一个函数作为参数,此函数接受两个参数,第一个是当前元素在元素集中的位置,索引从0开始,第二个是表示当前元素原本宽度的整数,函数返回值为width可接受的数字或字符串。

height:获取选中元素集第一个元素的高度。返回的是元素内容高度,而不考虑CSS的box-sizing属性的值。在使用.height()之前确保元素是可见的,否则可能返回值不准确,当用户缩放页面时,尺寸也可能不正确。JQuery1.8起,当元素具有属性box-sizing: border-box,则需要获取CSS高度再加上box-sizing属性值然后再减去每个属性的边框和填充。如果height属性接受一个表示像素的整数或一个整数加上一个可选的度量单位为参数,则可用来设置匹配元素集中每个元素的CSS高度。如果只传一个数值,则假定为像素值,如果是字符串则可以使用任何有效的CSS度量来度量高度如200px、30%或auto。JQuery1.4起,height还可以接受一个函数作为参数,此函数接受两个参数,第一个是当前元素在元素集中的位置,索引从0开始,第二个是表示当前元素原本高度的整数,函数返回值为height可接受的数字或字符串。

innerWidth:获取选中元素集第一个元素的内宽,包括填充但不包括边框。如果对空元素调用,则返回undefined,JQuery3.0之前返回null。在使用.innerWidth()之前确保元素是可见的,否则可能返回值不准确,当用户缩放页面时,尺寸也可能不正确。JQuery1.8起,如果innerWidth属性接受一个表示像素的整数或一个整数加上一个可选的度量单位为参数,则可用来设置匹配元素集中每个元素的CSS内宽。如果只传一个数值,则假定为像素值,如果是字符串则可以使用任何有效的CSS度量来度量内宽如20px、30%或auto。JQuery1.8起,innerWidth还可以接受一个函数作为参数,此函数接受两个参数,第一个是当前元素在元素集中的位置,索引从0开始,第二个是表示当前元素原本的内宽的数字,函数返回值为innerWidth可接受的数字或字符串。

innerHeight:获取选中元素集第一个元素的内高,包括填充但不包括边框。如果对空元素调用,则返回undefined,JQuery3.0之前返回null。在使用.innerHeight()之前确保元素是可见的,否则可能返回值不准确,当用户缩放页面时,尺寸也可能不正确。JQuery1.8起,如果innerHeight属性接受一个表示像素的整数或一个整数加上一个可选的度量单位为参数,则可用来设置匹配元素集中每个元素的CSS内高。如果只传一个数值,则假定为像素值,如果是字符串则可以使用任何有效的CSS度量来度量内高如200px、30%或auto。JQuery1.8起,innerHeight还可以接受一个函数作为参数,此函数接受两个参数,第一个是当前元素在元素集中的位置,索引从0开始,第二个是表示当前元素原本的内高的数字,函数返回值为innerHeight可接受的数字或字符串。

outerWidth:获取选中元素集第一个元素的外宽,包括填充、边框和可选的边距。可以传入一个布尔值来表示计算外宽时是否包含边距。如果对空元素调用,则返回undefined,JQuery3.0之前返回null。JQuery1.8起,如果outerWidth属性接受一个表示像素的整数或一个整数加上一个可选的度量单位为参数,则可用来设置匹配元素集中每个元素的CSS外宽。如果只传一个数值,则假定为像素值,如果是字符串则可以使用任何有效的CSS度量来度量外宽如100px、50%或auto。JQuery1.8起,outerWidth还可以接受一个函数作为参数,此函数接受两个参数,第一个是当前元素在元素集中的位置,索引从0开始,第二个是表示当前元素原本的外宽的数字,函数返回值为outerWidth可接受的数字或字符串。

outerHeight:获取选中元素集第一个元素的外高,包括填充、边框和可选的边距。可以传入一个布尔值来表示计算外高时是否包含边距。如果对空元素调用,则返回undefined,JQuery3.0之前返回null。JQuery1.8起,如果outerHeight属性接受一个表示像素的整数或一个整数加上一个可选的度量单位为参数,则可用来设置匹配元素集中每个元素的CSS外高。如果只传一个数值,则假定为像素值,如果是字符串则可以使用任何有效的CSS度量来度量外高如200px、50%或auto。JQuery1.8起,outerHeight还可以接受一个函数作为参数,此函数接受两个参数,第一个是当前元素在元素集中的位置,索引从0开始,第二个是表示当前元素原本的外高的数字,函数返回值为outerHeight可接受的数字或字符串。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值