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

2024-11-23 23:57:30
推荐回答(2个)
回答1:

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

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

示例如下:

  1. 创建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()这个方法

    相关问答
    最新问答