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>


jQuery之position()方法的具体使用

问题描述:今天我在解决一个HTML块元素显示问题,需求是有一个操作按钮,点击操作按钮,便在该操作按钮左边 显示一个块元素,块元素中列出增删改查等操作,点击增删改查可完成该行数据的对应操作。 我的jsp...
  • MOONCOM
  • MOONCOM
  • 2017-01-04 18:56:02
  • 1857

jqueryui.position.js源码分析

最近要写前端组件了,狂砍各种组件源码,这里分析一款jqueryui中的posistion插件,注意,它不是jqueryui widget,首先看下源码总体结构图 1、看到$.fn.p...
  • spy19881201
  • spy19881201
  • 2014-07-09 19:17:03
  • 2875

js原生实现jquery方法offset()和position()

$(() => { console.log($('p').offset()) console.log($('p').position()) console.log(offset...
  • u011500781
  • u011500781
  • 2017-08-19 09:45:27
  • 926

Jquery中的offset()和position()的区别

offset(): 获取匹配元素在当前窗口的相对偏移。 返回的对象包含两个整形属性:top 和 left。此方法只对可见元素有效。 position(): 获取匹配元素相对父元素的偏移...
  • Dailoge
  • Dailoge
  • 2017-04-23 22:28:27
  • 496

jQuery position( ) DOM

position() jquery DOM obj.style.property obj.currentStyle(attr) window.getComputedSty
  • qq_35809245
  • qq_35809245
  • 2017-01-16 23:20:03
  • 114

jQuery.position()对不同浏览器的支持,并不可靠(二,问题解决)

jQuery.position()对不同浏览器的支持,并不可靠(二,问题解决)网上来讲,解决方法分两种:一,用子元素offset()-父元素offset(),但是对我这段程序没有效果,谷歌和IE的差距...
  • u014594974
  • u014594974
  • 2016-08-10 14:31:43
  • 205

CSS 相对/绝对(relative/absolute)定位与jQuery的控制显示隐藏

http://codepen.io/tianzi77/pen/GJayoR
  • u011263845
  • u011263845
  • 2015-08-19 09:59:00
  • 1882

jquery position

在给元素定位之前,我们首先要了解一些CSS定位相关的知识。  在CSS中关于定位的内容是:position:relative | absolute | static | fixed 。static 没...
  • limengmeng9006
  • limengmeng9006
  • 2013-11-11 15:47:14
  • 410

jQuery CSS 操作 - position() 方法

jQuery CSS 操作 - position() 方法 定义和用法 position() 方法返回匹配元素相对于父元素的位置(偏移)。 该方法返回的对象包含两个整型属...
  • ssisse
  • ssisse
  • 2016-06-01 18:15:56
  • 330

jQuery操作css-position()与offset()方法的区别

使用jQuery获取元素位置时,我们会使用position()或offset()方法, 两个方法都返回一个包含left属性和top属性的对象-左边距和上边距。 这两个方法返回的对象的不同点在于位置...
  • zhuyunhe
  • zhuyunhe
  • 2015-05-31 21:44:14
  • 872
收藏助手
不良信息举报
您举报文章:jQuery CSS 操作 - position() 方法
举报原因:
原因补充:

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