jQuery偏移量offset
jquery的参考文档地址：http://jquery.cuishifeng.cn/
获取匹配元素在当前视口的相对偏移。参照物是可视窗口。
返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。
position和offset相似，position的参照物是父亲窗口，必须是已经定位的父亲窗口。
初始：
点击按钮之后：
点击按钮设置偏移量，代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
margin: 0;
}
.c1{
200px;
height: 200px;
background-color: #2459a2;
}
</style>
</head>
<body>
<div class="c1"></div>
<button>change</button>
<script src="jquery-3.1.1.js"></script>
<script>
// offset方法的参照物是可视窗口
console.log($(".c1").offset()); // 偏移量对象
console.log($(".c1").offset().top); // 偏移量对象
console.log($(".c1").offset().left); // 偏移量对象
// var top1=100
$("button").click(function () {
$(".c1").offset({"top":100,left:200})
})
</script>
</body>
</html>