jquery-尺寸相关

小结

获取对象的宽和高，用的方法
width()
height()
可以获取真实的宽高，即样式中定义的width与height数值

获取对象的宽高，包括填充的，用到的方法
innerWidth()
innerHeight()


获取对象的宽高，包括填充，边框，用到的方法
outerWidth()
outerHeight()


获取对象的宽高，包括填充，边框，外边界，用到的方法
outerWidth(true)
outerHeight(true)

获取对象的绝对坐标位置
对象.offset()
拿到的内容是一个字典的形式，属于js的对象


获取对象的绝对位置的x坐标值
对象.offset().left
可以获取到x坐标值
数值是相对于窗口的

获取和设置元素尺寸

测试尺寸

先定义一个盒子

给宽高填充边界等等

jquery获取盒子对象

打印输出各种尺寸查看效果

获取元素相对页面的绝对位置

标签对象.offset()

结果

点击弹出位置

让数值在标题显示

使用原生的js