js/jquery关于元素坐标的总结

最近经常用到获取元素坐标位置，不管是用js还是jquery都用了好几次了仍记不住，so,在此总结以下以后用到直接来这边找。有写的错误的地方还望指正，我也是正处于学习阶段。废话不多话，开始！

先说js.

 在js中，获取横纵标签使用的是offsetTop和offsetLeft属性，这两个属性都是获取元素距离最近的一个position不为static(即默认)的祖先节点的横向距离和纵向距离，position的值为relative和absolute没有区别。

如果祖先节点中没有position为relative或absolute的，最终会找到body。

如下例：

style:

*{border:0;padding:0;margin:0;}
.grand{
    width:600px;height:1000px;border:1px solid red;
    
}
.parent{
    margin-left:60px;margin-top:500px;width:400px;height:300px;
    border:1px solid gray;position:absolute;
    
}
.self{
    display:block