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

2024-11-23 23:57:30

推荐回答（2个）

回答1：

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

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

示例如下：

创建Html元素


	本层相对浏览器的左边距为50px
	本层相对上一层的左边距为20px,所以相对浏览器边距为70px

设置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;
}

编写jquery代码

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

观察效果

回答2：

应当使用position()这个方法