JQuery中获取宽高度方法

1.JQ中的如何获取宽高 width(),height() 只有content部分,不包含paddingborder

2.innerWidth()innerHeight()

        innerWidth() = width + padding-left + padding-right

        innerHeight() = height + padding-top + padding-bottom

3.JQ中的outerWidth()outerHeight()

        outerWidth() = width + padding + border

        outerHeight() = height + padding + border

4.带外边距的

        outerWidth(true) = width + padding + border + margin

        outerHeight(true) = height + padding + border + margin

5.JQ中的元素节点距离可视区域的左边距和上边距 offset()

        .offset().left 可视窗口左边距

        .offset().top 可视窗口上边距

        赋值

        JQuery中获取宽高度方法_第1张图片

 6.JQ中获取元素节点的定位左边距和上边距  有单位

JQuery中获取宽高度方法_第2张图片

 7.获取元素对象距离最近定位元素的左边距和上边距 position()  没有单位

        .position() 获取的是个对象

        .position().left 左边距

        .position().top 上边距

        赋值

        JQuery中获取宽高度方法_第3张图片

8.获取垂直方向和水平方向的滚动距离 scrollTop() scrollLeft()   没有单位

JQuery中获取宽高度方法_第4张图片

你可能感兴趣的:(jquery,javascript,前端)