Jquery 如何获得DIV离左边是多少像素
例如我随机生成一个DIV坐标也是随机的如何取DIV的左边是有多少个像素呢?(左边指的是DIV与浏览器边框之间的位置)...
例如我随机生成一个DIV 坐标也是随机的 如何取DIV的左边是有多少个像素呢? (左边指的是DIV与浏览器边框之间的位置)
展开
2个回答
展开全部
使用Jquery 获取DIV相对浏览器的边距,也就是绝对X,Y坐标,可以用offset():
$('div').offset().left;
示例如下:
创建Html元素
<div class="top">
本层相对浏览器的左边距为50px
<div class="inner">本层相对上一层的左边距为20px,所以相对浏览器边距为70px</div>
</div>设置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);
});
})观察效果
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询