jQuery中的元素位置及大小的获取

最新推荐文章于 2024-03-29 10:03:44 发布

Oranq

最新推荐文章于 2024-03-29 10:03:44 发布

阅读量299

点赞数

分类专栏： jQuery 文章标签： jquery css offset position width

本文链接：https://blog.csdn.net/qijuju/article/details/54379228

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

/*   jQuery 中的 css
*  offset()  ：  元素距离整个文档的顶部/左边的距离。 返回一个对象，该对象有两个属性  .top  和 .left
*  position()  ：绝对定位的元素相对于相对定位的父级元素（若没有，相对于body）的顶部/左边的距离。
*                   position()返回一个对象，该对象有两个属性  .top  和 .left。
*                相对定位的元素的 offset() 和 position() 的值是相等的,也就是：相对于整个文档的顶部/左边的距离。
*  scrollTop()  获取/ 设置滚动条的高度， 传递参数进行设置滚动条距离文档顶部的距离。
*  scrollLeft()  左右方向 ， 具体用法同上。
*  .scroll()    当对象的滚动条滚动时。
*  .width()  .height()  获取/设置对象的 宽高 。(表现值)
*  .innerWidth()  .innerHeight()  获取/设置对象的 宽高 + padding 。
*  .outerWidth() .outerHeight()  获取/设置对象的 宽高 + padding +border 。
*  .outerWidth() .outerHeight()  获取/设置对象的 宽高 + padding +border 。
*  .outerWidth(true) .outerHeight(true)  获取/设置对象的 宽高 + padding +border + margin。可用于碰撞检测。
*
*  $(window).width()  $(window).height()  获取浏览器窗口大小
 */