品易云推流 关闭
文章详情页
文章 > JavaScript > jQuery中position()方法的作用是什么?

jQuery中position()方法的作用是什么?

头像

宋雪维

2021-02-23 11:37:192127浏览 · 0收藏 · 0评论

在JQuery 中,UI可以实现自动完成组件,在配置自动完成组件中,position()方法起到的是获取匹配元素中第一个元素的当前坐标,为某元素到定位元素的位置的作用,本文向大家介绍position()方法作用和相关使用参数说明。

1、position()方法作用

为某元素到定位元素的位置。

获取匹配元素中第一个元素的当前坐标,相对于offset parent的坐标。

注意:offset parent指离该元素最近的而且被定位过的祖先元素

2、返回值

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

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

3、使用参数

$( "#position1" ).position({
  my: "left top",
  at: "right center",
  of: "#targetElement"
});

4、使用说明

my:指定弹出层的什么位置相对于目标元素

at:指定my元素的弹出层位置相对于目标元素的什么位置

of:指定弹出层的目标元素

collision:当弹出层遮住窗口时,调整弹出层位置方式

以上就是jQuery中position()方法的作用介绍,希望能对你有所帮助哟~

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图