一、语法

1、 返回偏移坐标

$(selector).offset();

top: $(selector).offset().top;

left: $(selector).offset().left;

2、设置偏移坐标:

$(selector).offset({top:value,left:value});

参数的含义:{top:value,left:value}     当设置偏移时是必需的。规定以像素为单位的 top 和 left 坐标。

可能的值:(1)、名/值对,比如 {top:100,left:100} ,  (2)、一个带有 top 和 left 的对象(实例)

3、使用函数设置偏移坐标:

$(selector).offset(function(index,currentoffset));

可选。规定返回包含 top 和 left 坐标的对象的函数。        index - 返回集合中元素的 index 位置。        currentoffset - 返回被选元素的当前坐标。

二、offset 的定义和用法

offset() 方法设置或返回被选元素 相对于文档的偏移坐标

1、当用于返回偏移时:

该方法返回第一个匹配元素的偏移坐标,它返回一个带有2个属性(以像素为单位的 top 和 left 位置)的对象

2、当用于设置偏移时:

该方法设置所有匹配元素的偏移坐标

三、实例

This is a paragraph.

Set the offset coordinates of the p element

四、注意事项

offset() 方法 返回的top , left. 跟 margin-top,margin-left 也有关系。

如果元素有margin-top,margin-left. 它获取当前的margin. 没有则是默认取值。

如果父元素也有margin,broder 的话。它也会受到影响。取值要更大。 因为offset() 取的当前与文档的偏移坐标。

python里offset啥意思_深度理解Jquery 中 offset() 方法相关推荐

  1. 深度理解Jquery 中 scrollTop() 方法

    这是工作遇到scrollTop() 方法.为了强化自己,把它记录在博客园当中. 下面就开始scrollTop 用法讲解: scrollTop() 定义和用法 scrollTop() 方法设置或返回被选 ...

  2. jq获取页面高度_使用jquery中height()方法获取各种高度

    $(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height();/ ...

  3. 深入理解jQuery中的Deferred

    深入理解jQuery中的Deferred 引入 1  在开发的过程中,我们经常遇到某些耗时很长的javascript操作,并且伴随着大量的异步. 2  比如我们有一个ajax的操作,这个ajax从发出 ...

  4. python里的π怎么输入_【后端开辟】python里的π怎样输入

    python中的π就是math.pi变量 .它被包含在规范库中, 在你试图本身盘算它之前,应当先去导入math库,才挪用math.pi要领 . 相干引荐:<Python基础教程> 让我们看 ...

  5. go test 如何输出到控制台_深度剖析 Go 中的 Go 协程 (goroutines) -- Go 的并发

    Go 协程 (goroutine) 是指在后台中运行的轻量级执行线程,go 协程是 Go 中实现并发的关键组成部分. 在上次的课程中,我们学习了 Go 的并发模型.由于 Go 协程相对于传统操作系统中 ...

  6. 深度卷积神经网络_深度卷积神经网络中的降采样

    加入极市专业CV交流群,与6000+来自腾讯,华为,百度,北大,清华,中科院等名企名校视觉开发者互动交流!更有机会与李开复老师等大牛群内互动! 同时提供每月大咖直播分享.真实项目需求对接.干货资讯汇总 ...

  7. java的接口怎么理解_如何理解Java 中的接口

    一.接口(Interface) 在JAVA编程语言中是一个抽象类型,是抽象方法的集合,接口通常以interface来声明.一个类通过继承接口的方式,从而来继承接口的抽象方法.接口并不是类,编写接口的方 ...

  8. java虚引用作用_深入理解Java中的引用(二)——强软弱虚引用

    深入理解Java中的引用(二)--强软弱虚引用 在上一篇文章中介绍了Java的Reference类,本篇文章介绍他的四个子类:强引用.软引用.弱引用.虚引用. 强引用(StrongReference) ...

  9. js 添加属性_轻松理解JS中的面向对象,顺便搞懂prototype和__proto__

    这篇文章主要讲一下JS中面向对象以及 __proto__,ptototype和construcator,这几个概念都是相关的,所以一起讲了. 在讲这个之前我们先来说说类,了解面向对象的朋友应该都知道, ...

  10. tensorflow中同时两个损失函数_深度度量学习中的损失函数

    度量学习(metric learning)研究如何在一个特定的任务上学习一个距离函数,使得该距离函数能够帮助基于近邻的算法(kNN.k-means等)取得较好的性能.深度度量学习(deep metri ...

最新文章

  1. 数据中心柴油发电机组功率
  2. 事务里面捕获异常_三问Spring事务:解决什么问题?如何解决?存在什么问题?...
  3. android笔记3:activity的生命周期(转)
  4. (十)如何查找端口被那个程序占用
  5. 银屑病需要的碱性食物
  6. 高效的动态URL限流实现
  7. 【博士招生】卢森堡大学​SnT(CVI²)研究小组,DeepFake 检测领域
  8. 解决office2003无法卸载的问题
  9. android 状态模式,Android编程设计模式之状态模式详解
  10. 字符串插入mysql_mysql实现随机字符串插入
  11. 校园网免认证登录基于DNS伪装包
  12. 怎么写化学反应方程式?
  13. Java实现MD5加密工具类
  14. 如何选型APS系统,还需明确这七大关键因素
  15. 华为坠亡员工博客称“心累”
  16. vue 页面增加url前缀
  17. Vue style里面使用scoped属性并@import引入外部css, 作用域是全局的解决方案
  18. C语言用递归调用实现阶乘
  19. js中slice、splice、split的比较
  20. JQuery 图片滚动或者div滚屏,适合多图轮播

热门文章

  1. vue3.0 前进刷新后退缓存
  2. zencart 模板文件说明
  3. 微信开发工具ts和js文件冲突
  4. Beacon技术相关介绍及应用
  5. dumprep -0 -k
  6. 申请苹果开发者公司账号和邓白氏编码全流程
  7. IDEA配置Tomcat时总是提示:Error running ‘Tomcat 8.5.73‘ 问题
  8. 【Tools】Photoshop CS6安装详解教程
  9. 保龄球计分算法(C语言实现)
  10. 微软面试题 博弈论 经典案例 (参考答案)