关于jquery的问题，设置一个span元素相对于div元素的位置
<!DOCTYPEhtml><html><head><metahttp-equiv="content-type"content="text/html;charset=GB...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GBK"/>
<title>三个span</title>
<script type="text/javascript" src="jquery-1.8.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#span1").left("300px");
});
</script>
</head>
<body>
<div id="div1" style="width: 500px;height: 100px;border: solid black;position: relative;">
<span id="span1" style="position: relative;">1</span>
<span id="span2" style="position: relative;">2</span>
<span id="span3" style="position: relative;">3</span>
</div>
</body>
</html>
为什么上面的$("#span1").left("300px");不能让span1左边离div左边框300px呢？ 展开
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GBK"/>
<title>三个span</title>
<script type="text/javascript" src="jquery-1.8.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#span1").left("300px");
});
</script>
</head>
<body>
<div id="div1" style="width: 500px;height: 100px;border: solid black;position: relative;">
<span id="span1" style="position: relative;">1</span>
<span id="span2" style="position: relative;">2</span>
<span id="span3" style="position: relative;">3</span>
</div>
</body>
</html>
为什么上面的$("#span1").left("300px");不能让span1左边离div左边框300px呢？ 展开
5个回答
展开全部
一般情况下，如果标签用了position: relative; 就尽量不要用left和top，改用margin-left和margin-top.
所以，建议你这样写：
$("#span1").css('left',300);
或者
$("#span1").css({'left':300});
你写成
$("#span1").left("300px");
可能是把jquery里面的方法搞混了，像width是可以接收参数的，但是，不要加单位(px)，
$("#span1").width(300);
在纯JS里面是带参数的，如：
document.getElementById('span1').style.marginLeft = '300px';
希望对你有帮助...
所以，建议你这样写：
$("#span1").css('left',300);
或者
$("#span1").css({'left':300});
你写成
$("#span1").left("300px");
可能是把jquery里面的方法搞混了，像width是可以接收参数的，但是，不要加单位(px)，
$("#span1").width(300);
在纯JS里面是带参数的，如：
document.getElementById('span1').style.marginLeft = '300px';
希望对你有帮助...
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没有见过jquery的left函数，正确的写法：
$("#span1").css('left',300);
$("#span1").css('left',300);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上正解！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是想动态改变 还是怎么地 ？
相对位置用position
相对位置用position
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function(){
$('#span1').css{'left','10px'}
})
JQuery 没有left属性，只能用CSS控制
$('#span1').css{'left','10px'}
})
JQuery 没有left属性，只能用CSS控制
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
