jQuery的位置()方法的详细解决方案

jQuery的位置()方法的详细解决方案
位置()法的定义及用法:

方法获取匹配元素相对于某些元素的偏移量。

返回的对象包含两个整数属性(顶和左)。

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

语法结构:
$(选择器)。位置()
教程开始的时候,它被称为获得匹配元素相对于某些元素的偏移量。许多教程说,该方法返回的偏移量与父元素相对,这是不完全相同的。该方法将以绝对方式匹配匹配元素,但当然,这并不意味着匹配元素被设置为绝对定位:

1。如果父元素不位于(位置属性值是相对的、绝对的或固定的),则偏移引用对象是窗口。

2。如果父元素中有一个位置,则偏移量的引用对象是位于其最近的元素,

实例代码:

* {
保证金:0px;
填料:0px;
}
父亲{。
背景颜色:绿色;
宽度:200px;
身高:200px;
填料:50px;
边距:50px;
左:100px保证金;
}
孩子{。
身高:150px;
宽度:150px;
背景颜色:红色;
行高:150px;
文本对齐:中心;
}
$(文档)Ready(函数(){)
$()。每个(函数(){)
var text;
文本左:$(这个)。位置(左);
文本+顶部:$(this)。位置(顶部);
此文本(文本);
})
})

在上面代码的顶部组合中,由于父元素是相对位置,偏移量相对于父元素,在底部的组合中,偏移引用对象是窗口,因为父元素不位于。

以上是本文的全部内容,希望大家能喜欢。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部