老师关于offset || position
<!doctype html>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<style type="text/css">
body{
margin:0;
padding:0;
}
</style>
</head>
<body>
<script type="text/javascript" src="1.12.4.js"></script>
<script type="text/javascript">
var a = $('<div class="one"></div>').prependTo($('body'));
$('<div class="two"></div>').prependTo(a);
var one = $('.one')
.css({
positon : 'absolute',
width : 200,
height : 200,
backgroundColor : 'red',
})
.children('div')
.css({
width : 80,
height : 80,
'background-color' : 'blue',
})
.end()
.offset({
top : 100,
left : 50,
})
// .children('div')
// .position({
// top : 20,
// })
console.log(one.offset())
console.log(one.children('div').position({
top : 20,
}));
</script>
</body>
</html>positon()是不是没有参数?
0
收起
正在回答
1回答
position() 方法返回匹配元素相对于父元素的位置(偏移)。该方法返回的对象包含两个整型属性:top 和 left,以像素计。此方法只能返回元素的位置,但是不能设置哦。使用offset方法就可以了,红色框的定位是正确的呢。祝学习愉快~~
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星