位置()法的定义及用法:
此
方法获取匹配元素相对于某些元素的偏移量。
返回的对象包含两个整数
属性(顶和左)。
此方法只对可见元素有效。
语法结构:
$(选择器)。位置()
在
教程开始的时候,它被称为获得匹配元素相对于某些元素的偏移量。许多教程说,该方法返回的偏移量与父元素相对,这是不完全相同的。该方法将以绝对方式匹配匹配元素,但当然,这并不意味着匹配元素被
设置为绝对定位:
1。如果父元素不位于(位置属性值是相对的、绝对的或固定的),则偏移引用对象是窗口。
2。如果父元素中有一个位置,则偏移量的引用对象是位于其最近的元素,
实例代码:
* {
保证金:0px;
填料:0px;
}
父亲{。
背景颜色:绿色;
宽度:200px;
身高:200px;
填料:50px;
边距:50px;
左:100px保证金;
}
孩子{。
身高:150px;
宽度:150px;
背景颜色:红色;
行高:150px;
文本对齐:中心;
}
$(
文档)Ready(
函数(){)
$()。每个(函数(){)
var text;
文本左:$(这个)。位置(左);
文本+顶部:$(this)。位置(顶部);
此文本(文本);
})
})
在上面代码的顶部组合中,由于父元素是相对位置,偏移量相对于父元素,在底部的组合中,偏移引用对象是窗口,因为父元素不位于。
以上是本文的全部内容,希望大家能喜欢。