Question

Jquery 如何获得DIV离左边是多少像素

例如我随机生成一个DIV 坐标也是随机的 如何取DIV的左边是有多少个像素呢? （左边指的是DIV与浏览器边框之间的位置）

Answer 1

使用Jquery 获取DIV相对浏览器的边距，也就是绝对X,Y坐标，可以用offset()：

$('div').offset().left;

示例如下：

1. 创建Html元素

   <div class="top">
   	本层相对浏览器的左边距为50px
   	<div class="inner">本层相对上一层的左边距为20px,所以相对浏览器边距为70px</div>
   </div>

2. 设置css样式

   *{margin:0;}
   div.top{
   	width:500px;height:150px;
   	margin:50px;
   	background:green;
   	color:white;
   }
   div.inner{
   	width:450px;height:100px;line-height:100px;
   	margin:20px;
   	background:red;
   	color:white;
   }

3. 编写jquery代码

   $(function(){
   	$("div.inner").click(function() {
   		alert("相对窗口左边距："+$(this).offset().left);
   	});
   })

4. 观察效果

Answer 2

应当使用position()这个方法

追问

大概是如何写呢？ 例如我的DIV Class = a

追答

jQuery(".a").position().left jQuery(".a").position().top