关闭

jQuery CSS 操作 - position() 方法

157人阅读 评论(0) 收藏 举报

jQuery CSS 操作 - position() 方法


定义和用法

position() 方法返回匹配元素相对于父元素的位置(偏移)。

该方法返回的对象包含两个整型属性:top 和 left,以像素计。

此方法只对可见元素有效。

语法

$(selector).position()

实例

获得 <p> 元素的当前位置:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("p").position();
    alert("Left position: " + x.left + " Top position: " + x.top);
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>获得 p 元素的位置坐标</button>
</body>
</html>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:122791次
    • 积分:1971
    • 等级:
    • 排名:千里之外
    • 原创:17篇
    • 转载:354篇
    • 译文:0篇
    • 评论:18条
    文章分类
    最新评论