jquery position()计算的是元素所占据位置的坐标

快乐打工仔 分类:实例代码

关于position()方法的基本用法可以参阅jQuery position()方法一章节。

本章节指向探讨一个问题,那就是此方法是从哪个地方开始计算元素的坐标的。

代码实例如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<style>
* {
  margin: 0;
  padding: 0;
}
#box {
  width:100px;
  height:100px;
  background:#ccc;
  margin:100px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function () {
  var left = $("#box").position().left;
  $("#box").html(left);
})
</script>
</head>
<body>
<div id="box"></div>
</body>
</html>

上面代码的输出值是0,说明此方法返回元素的坐标是以元素的所实际占用的空间左上角为参考点的。

回复

我来回复
  • 暂无回复内容