jQuery中offset方法

最新推荐文章于 2023-06-17 13:46:15 发布
最新推荐文章于 2023-06-17 13:46:15 发布
阅读量1.7k 收藏 4
点赞数 2
分类专栏： 日常bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44900249/article/details/89513453
版权

在js中获取元素实际宽度的方法是:div.offsetWidth;
获取元素距顶部的实际距离的方法是:div.offsetTop;
jq当中
如果我要获取元素实际宽度
我不能这样写

$(".div").offsetWidth

这样写获取不到
我需要

$(".div").get(0).offsetWidth

或者

$(".div").outerWidth(true)

outerWidth(true)就相当于元素的实际宽度

如果我要获取元素距顶部的实际距离
在jq中 我需要

$(".div").offset().top

offset()是一个方法,可以获取和设置距上距离

如何设置距离

$(".div").offset({"top":y,"left":x})

json 键值对的方式
offset()中只有两个值top,left

float-left
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中offset()方法用法实例
10-24
主要介绍了jQuery中offset()方法用法,实例分析了offset()方法的功能、定义及返回或设置所匹配元素相对于document对象的偏移量时的使用技巧,需要的朋友可以参考下
jquery获取元素offsetwidth
weixin_30906671的博客
06-12 743
//取id为id的Jquery对象然后转成htmlobject对象访问offsetWidth属性 $("#id")[0].offsetWidth; 转载于:https://www.cnblogs.com/cgf19920817/p/4572230.html
JQuery中width和JS中JS中关于clientWidth offsetWidth scrollWidth 等的含义
zp19860529的博客
08-14 1090
JQuery中： 1、width()方法用于获得元素内容所占的宽度； 2、innerWidth()方法用于获得包括内边界（padding）的元素宽度； 算式：innerWidth()=width()+padding(左右) 3、outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度； 算式：outerWidth()=width()+padding(左右)+border(左右) 4、outerWidth()方法的参数为true（如：$(this).oute
JS中关于clientWidth offsetWidth scrollWidth 等的含义
weixin_30251587的博客
01-16 317
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth(包括边线的宽);网页可见区域高： document.body.offsetHeight(包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页...
JQuery学习
sam80000的博客
10-21 272
一、了解 一个快速、简洁的JavaScript框架。 1.jQuery 的好处 1.简化js的复杂操作 2.不再需要关心兼容性 3.提供大量实用方法 2.jquery版本 3.JQ设计思想 选择网页元素 1.模拟css选择元素的写法 css选择器的写法 在 $() 中都可以使用 //#id 选择器 $("#div1").css("backgroundColor","red"); //.class 选择器 $(".li1").css("backgroundColor","red"); //
offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式
热门推荐
javaloveiphone的专栏
03-11 1万+
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式</title> <script type="text/javascript" src="jquery.min.js"></script></head> <body
【JS与JQ】 元素尺寸的获取和设置clientWidth、offsetWidth、scrollWidth方法
Umbrella_Um的博客
07-25 3191
JQuery–元素尺寸的获取和设置 原生JS总结： 原生JS获取元素content部分的宽高 – window.getComputedStyle([元素对象]).width/height ； 原生JS获取元素content部分+padding填充部分x2 – [元素对象].clientWidth/clientHeight； 原生JS获取元素content部分+padding填充部分x2+bord...
js实现jquery的offset()方法实例
10-24
主要介绍了js实现jquery的offset()方法,实例分析了jquery的offset()方法原理与采用javascript实现的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
Jquery中offset()和position()的区别分析
10-24
主要介绍了Jquery中offset()和position()的区别,实例分析了offset()与position()的使用的技巧与区别,具有一定参考借鉴价值,需要的朋友可以参考下
jquery用offset()方法获得元素的xy坐标
12-12
获取页面某一元素的绝对X,Y坐标，可以用offset()方法：（body属性设置margin :0;padding:0;） var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID')....
JQuery中outerWidth()和原生js中offsetWidth的区别
DaftJayee的博客
07-01 656
层级关系从外到内 ，margin border padding width outerWidth()=width+padding+border outerWidth(true)=width+padding+border+margin offsetWidth计算盒模型的width+padding+border 当display=none,offsetWidth=0，而不会影响outerWidth()
jQuery--offset()方法
qq_45560350的博客
06-18 1214
定义 offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。 用法一 返回偏移坐标 返回第一个匹配元素的偏移坐标。 该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。 语法： $(selector).offset() 范例： <script type="text/javascript"> $(function(){ $("button").click(function(){ var obj =$("p").offset(); $
jQuery之offset()、position()
06-17 468
【代码】jQuery之offset()、position()
jq获取和设置偏移量：offset（）、position（）
YY的博客
11-11 1907
position（）、offset（）、
jquery.offset()使用方法总结
极客神殿
08-10 2421
jquery.offset()应用背景很多时候需要对某个div进行定位，或者获取某个元素相对于document的位置，那么我们会用到jquery.offset()。获得元素相对于document的位置获得位置是元素相对于document的位置信息，通常可以说是这个元素的坐标值。// 元素相对于document的左位移 $("#haorooms-id").offset().left // 元素相对于d
jQuery offset( ) 方法
m0_57835615的博客
06-13 2922
通过jQuery 的offset( )方法，我们可以设置或者获取被选元素相对于文档的位置。当我们获取被选元素的位置时，只会返回匹配到的第一个元素的 （1） 语法格式：
Jquery 中 offset() 方法
10-07 1827
一、语法     1、 返回偏移坐标          $(selector).offset();          top: $(selector).offset().top;          left: $(selector).offset().left;     2、设置偏移坐标：          $(selector).offset({top:val
jq offset()
weixin_43294560的博客
02-01 292
1、返回距离视口的位移 2、返回值为top和left
jquery 仿wps菜单
最新发布
09-17
例如，可以使用`css()`来设置菜单弹出框的宽度、高度、背景颜色等样式，使用`position()`和`offset()`方法来设置菜单弹出框的位置。 在菜单弹出框展示之后，我们可以通过监听菜单项的点击事件来实现相应的功能。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值