Dom:height和width(2)-jQuery

在jQuery里面的宽高比较少,只有width,innerwidth,outerwidth三个.对于window和document这两个特殊对象而言,三个的值都是一样的,所width就够了,忽略掉margin和padding等.此时window.height=window.innerheight.对于普通的比如div对象,下面有三张图片说明.innerHeight和js中的clientheight大小一样.innerheight和js中的clientheight一致.

jquery的height
jquery的innerHeight
js中的clientheight,等效jq中的innerheight  

由于这三个方法既可以读取也可以写入,所以在写入的时候,输入的值可以是纯数字 不带单位.默认为px.或者是string,带单位px或者em等.也就是:30或者'30px'.

jq的outerheight,等效js的offsetheight  

通过.css('height',30)设置的就是这个height,而不是inner更不是outer.

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容