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.

你可能感兴趣的:(Dom:height和width(2)-jQuery)