jquery操作元素的位置

摘要:
  .offset    返回用于设置坐标的函数。    $.offset;设置最后一个p元素的位置。.offsetParent();  取得离指定元素最近的含有定位信息的元素,cssposition属性是relativeabsolute,或fixed。  .offsetParent()这个元素不接受任何参数。  $.scrollLeft;.scrollTop()  获取匹配的元素集合中第一个元素的当前垂直滚动条的位置或设置每个匹配元素的垂直滚动条的距离。

.offset()
  在匹配的元素中,获取第一个元素的当前坐标,或设置每一个元素的坐标,坐标相对于文档。
  .offset() 这个不接受任何参数。
    var offset = p.offset(); //获取到这个元素的位置
      p.html( "left: " + offset.left + ", top: " + offset.top ); offset.left 元素距左面的距离, .offset.top 元素距上面的距离
        如果元素设置的是visibility:hidden; 可以获取到坐标,
        如果元素设置的是 display:none; 位置值是 undefined;
  .offset(coordinates)
    coordinates 一个包含top 和 left 属性的对象,用整数指明元素的新顶部和左边坐标。
  .offset(function(index,coords))
    返回用于设置坐标的函数。
    $("p:last").offset({ top: 10, left: 30 }); 设置最后一个p元素的位置。

.offsetParent();
  取得离指定元素最近的含有定位信息的元素, css position 属性是 relative absolute, 或fixed。
  .offsetParent() 这个元素不接受任何参数。

  $('li.item-a').offsetParent().css('background-color', 'red');

.position()
  获取到匹配元素中第一个元素的当前坐标
  .position() 这个方法不接受任何参数.position() 可以获取得元素相对于父元素的偏移位置。包含 top 和 left 注,不支持获取隐藏元素的便宜的坐标

var position =p.position();
    $("p:last").text( "left: " + position.left + ", top: " + position.top );

.scrollLeft()
  获取匹配的元素集合中第一个元素的当前水平滚动条的位置或设置每个匹配元素的水平滚动条的的距离。
  .scrollLeft() 这个方法不接受任何参数。

    $("p:last").text( "scrollLeft:" + p.scrollLeft() ); 获取p 元素的 横向滚动条距离。

.scrollLeft(value)
    设置每一个匹配元素的水平滚动条的距离。
  $("div.demo").scrollLeft(300);
.scrollTop()
  获取匹配的元素集合中第一个元素的当前垂直滚动条的位置或设置每个匹配元素的垂直滚动条的距离。
  .scrollTop() 这个方法不接受任何参数。
    $("p:last").text( "scrollTop:" + p.scrollTop() ); 获取p 元素的垂直滚动条距离。
  .scrollLeft(value)
    设置每一个匹配元素的垂直滚动条的距离。
  $("div.demo").scrollLeft(300);

免责声明:文章转载自《jquery操作元素的位置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇使用golang理解mysql的两阶段提交SQL Server存储过程 对数组参数的循环处理下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

js引用类型赋值不改变原对象值

在JS中,对象的赋值是指默认情况下的赋值。如果更改指定对象,原始对象也将更改。如果要复制赋值,需要重新分配对象:vara={'name':'zhangsan'};varb=对象。分配b、 name='lisi';这样,原始对象的下一层的值不会更改,但如果对象中存在对象,下一层也会更改下一层中的原始对象。处理两个对象的相关性有一个简单而激烈的问题:obj1={...

Windows 之 删除保存的共享凭据(用户名和密码)

1、访问网络共享时,我们通常会打开Windows资源管理器,然后输入“\IP地址共享目录”,敲回车键访问。...

VMP加壳(二):VMP的虚拟化原理

由于CPU只能识别和执行二进制文件,并直接让硬件CPU执行虚拟机的二进制代码,因此只能考虑通过纯软件模拟虚拟机执行代码指令。为了在软件级别模拟CPU执行二进制代码指令,一般的虚拟机指令要么是操作寄存器,虚拟机指令的处理程序必须模拟这些函数。它用于指示虚拟CPU当前执行的代码。为了满足上述要点,2。VMP虚拟机的执行过程(1)考虑启动VT。...

kvm虚拟机快照备份

kvm虚拟机默认使用原始图像格式,该格式具有最佳性能和最快速度。它的缺点是不支持一些新功能,例如映像、zlib磁盘压缩、AES加密等。接下来,启动kvm虚拟机快照备份的过程。查看虚拟机映像快照的版本查看当前虚拟机映像snapshot的版本。您可以看到它是最新的快照版本。...

关于WINFORM中输入法的设置

关于WINFORM(转移到)John Suna的专栏开发中输入方法的设置,它碰巧遇到了这种问题。网络真的很好:)这是文本集。感谢作者的辛勤工作给您带来的便利。在WINFORM中,我们经常遇到这样的问题:文本输入框中的输入法被禁用或总是更改为全宽输入法。查阅相关数据后,总结如下:(1)Control.ImeMode属性:获取或设置控件的输入方法编辑器模式。此模...

以『公众号』为例,手把手教你爬取PC端数据

“appmsgext_url=origin_url+”__biz={}&mid={}&sn={}&idx={}&appmsg_token={}&x5=1“.formatcontent=requests.post.json()打印打印可以看到帖子已成功发送,并提取相应的阅读号、点赞号和观看号。5。同一个公众号被扩展。如果...