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

例如我随机生成一个DIV坐标也是随机的如何取DIV的左边是有多少个像素呢?(左边指的是DIV与浏览器边框之间的位置)... 例如我随机生成一个DIV 坐标也是随机的 如何取DIV的左边是有多少个像素呢? (左边指的是DIV与浏览器边框之间的位置) 展开
 我来答
learneroner
高粉答主

推荐于2018-02-26 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6473万
展开全部

使用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. 观察效果

摩惠然0iD
2012-07-15 · TA获得超过1634个赞
知道小有建树答主
回答量:1162
采纳率:100%
帮助的人:832万
展开全部
应当使用position()这个方法
追问
大概是如何写呢? 例如我的DIV Class = a
追答
jQuery(".a").position().left  jQuery(".a").position().top
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式