new object

new object

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").offset(function(n,c){
            newPos=new Object();
            newPos.left=c.left+100;
            newPos.top=c.top+100;
            return newPos;
        });
    });
});
</script>
</head>
<body>
 
<p>这是一个段落。</p>
<button>设置P元素的偏移坐标</button>
 
</body>
</html>

这里newPos=new Object();

newPos.left=c.left+100;
newPos.top=c.top+100;

和直接用c不是一样吗 

但用c就错

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕星星 2018-08-21 17:23:57

和jquery 版本有关系,建议使用3版本的测试(https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js)

http://img1.sycdn.imooc.com//climg/5b7bd99b0001e42706190244.jpg
newPos=new Object();就是创建一个空对象,和var obj={},是一样的。


  • 提问者 慕九州8427191 #1
    newPos=new Object();和var obj 或var object=null一样吗
    2018-08-22 10:16:31
  • 好帮手慕星星 回复 提问者 慕九州8427191 #2
    当然不是一样的,newPos=new Object();和var obj={};都是创建一个对象,虽然里面是空的。但是var obj =null;是把这个变量赋值为null空了。
    2018-08-22 10:29:51
提问者 慕九州8427191 2018-08-21 16:59:51
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").offset(function(n,c){
 
            c.left=c.left+100;
            c.top=c.top+100;
            return c;
        });
    });
});
</script>
</head>
<body>
 
<p>这是一个段落。</p>
<button>设置P元素的偏移坐标</button>
 
</body>
</html>

http://img1.sycdn.imooc.com//climg/5b7bd45f000137d602790186.jpg

位置不变

还有这里newPos=new Object();什么意思

好帮手慕星星 2018-08-21 16:49:16

可以使用c,如下:

http://img1.sycdn.imooc.com//climg/5b7bd1e2000149df04730267.jpg

需要返回一下c,因为offset里面需要返回内容。自己测试下,祝学习愉快~~

  • 提问者 慕九州8427191 #1
    没有用呀 点击按钮位置不变
    2018-08-21 16:58:29
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码