zoukankan      html  css  js  c++  java
  • jquery中offset(),position()

    position()

    body{
    position: relative;
    }
    div{200px;height: 200px;background-color: #bce8f1;position: relative;left:200px;}

    var left= $("span").position().left;
    var right= $("span").position().top;
    console.log("position_left:"+left);
    console.log("position_top:"+right);

    定义和用法

    position() 方法返回第一个匹配元素的位置(相对于它的父元素)。

    该方法返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。

    offset()

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

         1、当用于返回偏移时:

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

         2、当用于设置偏移时:

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

    注意:

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

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

          如果父元素也有margin,broder 的话。它也会受到影响。取值要更大。 

    
    
  • 相关阅读:
    hdu5608 function
    Codeforces Round #535 (Div. 3) 解题报告
    HDU4746 Mophues
    HDU5663 Hillan and the girl
    AtCoder Beginner Contest 117 解题报告
    GDOI2018D2T1 谈笑风生
    BZOJ4018: 小Q的幻想之乡
    牛客寒假算法基础集训营6 解题报告
    win32拖拽编程
    项目开发中的贝塞尔曲线
  • 原文地址:https://www.cnblogs.com/liucong7708/p/6063669.html
Copyright © 2011-2022 走看看