数码资讯
jQuery的位置()方法的详细解决方案
位置()法的定义及用法: 此方法获取匹配元素相对于某些元素的偏移量。 返回的对象包含两个整数属性(顶和左)。 此方法只对可见元素有效。 语法结构: $(选择器)。位置() 在教程开始的时候,它被称为获得匹配元素相对于某些元素的偏移量。许多教程说,该方法返回的偏移量与父元素相对,这是不完全相同的。该方
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
位置()法的定义及用法:
此方法获取匹配元素相对于某些元素的偏移量。
返回的对象包含两个整数属性(顶和左)。
此方法只对可见元素有效。
语法结构:
$(选择器)。位置()
在教程开始的时候,它被称为获得匹配元素相对于某些元素的偏移量。许多教程说,该方法返回的偏移量与父元素相对,这是不完全相同的。该方法将以绝对方式匹配匹配元素,但当然,这并不意味着匹配元素被设置为绝对定位:
1。如果父元素不位于(位置属性值是相对的、绝对的或固定的),则偏移引用对象是窗口。
2。如果父元素中有一个位置,则偏移量的引用对象是位于其最近的元素,
实例代码:
* {
保证金:0px;
填料:0px;
}
父亲{。
背景颜色:绿色;
宽度:200px;
身高:200px;
填料:50px;
边距:50px;
左:100px保证金;
}
孩子{。
身高:150px;
宽度:150px;
背景颜色:红色;
行高:150px;
文本对齐:中心;
}
$(文档)Ready(函数(){)
$()。每个(函数(){)
var text;
文本左:$(这个)。位置(左);
文本+顶部:$(this)。位置(顶部);
此文本(文本);
})
})
在上面代码的顶部组合中,由于父元素是相对位置,偏移量相对于父元素,在底部的组合中,偏移引用对象是窗口,因为父元素不位于。
以上是本文的全部内容,希望大家能喜欢。
此方法获取匹配元素相对于某些元素的偏移量。
返回的对象包含两个整数属性(顶和左)。
此方法只对可见元素有效。
语法结构:
$(选择器)。位置()
在教程开始的时候,它被称为获得匹配元素相对于某些元素的偏移量。许多教程说,该方法返回的偏移量与父元素相对,这是不完全相同的。该方法将以绝对方式匹配匹配元素,但当然,这并不意味着匹配元素被设置为绝对定位:
1。如果父元素不位于(位置属性值是相对的、绝对的或固定的),则偏移引用对象是窗口。
2。如果父元素中有一个位置,则偏移量的引用对象是位于其最近的元素,
实例代码:
* {
保证金:0px;
填料:0px;
}
父亲{。
背景颜色:绿色;
宽度:200px;
身高:200px;
填料:50px;
边距:50px;
左:100px保证金;
}
孩子{。
身高:150px;
宽度:150px;
背景颜色:红色;
行高:150px;
文本对齐:中心;
}
$(文档)Ready(函数(){)
$()。每个(函数(){)
var text;
文本左:$(这个)。位置(左);
文本+顶部:$(this)。位置(顶部);
此文本(文本);
})
})
在上面代码的顶部组合中,由于父元素是相对位置,偏移量相对于父元素,在底部的组合中,偏移引用对象是窗口,因为父元素不位于。
以上是本文的全部内容,希望大家能喜欢。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。