jQuery CSS 操作 - position() 方法

转载 2016年06月01日 18:15:56

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>


在HTML页面中显示html代码

在HTML页面中显示html代码

for循环输出三角形

使用for循环输出一个实心三角形,底边长由用户输入 DECLARE LENTH INT; BEGIN LENTH := 12; FOR LEVEL IN 1 .. TRUNC(L...

理解Jquery 的offset与position方法

  • 2011年03月10日 10:03
  • 17KB
  • 下载

css/Jquery position:fixed;点击按钮,底部出现选择框

jQuery修改操作css属性实现方法

jQuery修改操作css属性实现方法  [导读] 在jquery中我们要动态的修改css属性我们只要使用css()方法就可以实现了,下面我来给各位同学详细介绍介绍。css()方法在使用上具有多样...

jQuery操作CSS属性的相关方法

1.前言 jQuery提供了以下几种操作DOM元素CSS样式的方法,包括直接访问、修改DOM元素的class属性值,还提供了访问、修改DOM元素内联CSS属性值的方法,除此之外还提供了大量直接访问、...

jQuery修改操作css属性实现方法

转载自:http://www.php100.com/html/program/jquery/2013/0905/6018.html [导读] 在jquery中我们要动态的修改css属性我们只...

JQuery中操作Css样式的方法

http://www.jb51.net/article/46689.htm //1、获取和设置样式    $("#tow").attr("class")获取ID为tow的class属性  ...
  • kouwoo
  • kouwoo
  • 2014年11月21日 13:14
  • 458

使用CSS样式position:fixed水平滚动的方法

这篇文章主要介绍了使用CSS样式position:fixed水平滚动的方法,需要的朋友可以参考下 使用CSS样式"position:fixed"可以使div块固定在一个固定位置,即使有滚动条也不会...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery CSS 操作 - position() 方法
举报原因:
原因补充:

(最多只允许输入30个字)