                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

请帮我看看jQuery为什么没有反应

我在学.data()的运用, 以下是我的html 和 jQuery代码:

    <div class="right">        
        <div class="aaron">            
            <p>点击看结果</p>            
            <p>.data</p>        
        </div>        
        <div><span></span></div>    
    </div>        
    
    <button id="btn1">Test1</button>    
    <button id="btn2">Test2</button>    
    <button id="btn3">Test3</button>

        $('#btn3').click(function(){            
            $('.right .aaron span').data("a", "I'm the cool kid!");            
            $('.right .aaron span').data("b", "My name is: ");            
        // 
            $('.right .aaron span').data("a", {            
                name:"Ray",
                age:20
            });            
            var f = $('.right .aaron span').data("a") + "</br>" + $('.right .aaron span').data("b") + "</br>";             
            $('.right .aaron span').find('span').append(f);       
        })

我本来想按了btn3 按钮以后在 <span></span>里会出现我给的data变量可惜按了后没有反应 :( 求大神帮忙

raylism

2018-08-14

源自：jQuery基础 (一)—样式篇 3-9

关注问题我要回答

1803

操作

收起

4 回答

等你到天明回答被采纳 +2 积分
2018-08-15

代码如下

$('#btn3').click(function(){

$('.right .aaron').data("a", "I'm the cool kid!");

$('.right .aaron').data("b", "My name is: ");

var f = $('.right .aaron').data("a") + "</br>" + $('.right .aaron').data("b") + "</br>";

$('.right').find('span').append(f);

console.log($('.right .aaron')) ;

})

这里几个问题

span标签在right下第二个div里 '.right .aaron span'这样选中绑定在document上跟你想绑定位置
在你js中的第5行代码“a”和上面的“a”重复了会把之前的覆盖掉
第5行“a”里面传入的数据是个对象所以如果要最后添加的话返回的是【Object，Object】

个人建议：

如果你直接学的jQuery的话，我觉得应该先去学原生的javaScript，然后学会如何自己调试，在网页上F12可以打开控制台，自己解决不了先baidu，然后在问题可以

1 回复有任何疑惑可以回复我~

慕粉_蓝
2018-08-18

这样也是一样的

$('#btn3').click(function(){
$('.right .aaron span').data("a", "I'm the cool kid!");
$('.right .aaron span').data("b", "My name is: ");
$('.right .aaron span').data("c", {
name:"Ray",
age:20
});
var f = $('.right .aaron span').data("a") + "<br/>" + $('.right .aaron span').data("b") + ""
+ $('.right .aaron span').data("c").name + "<br/>" + $('.right .aaron span').data("c").age;
$('.right .aaron').find('span').append(f);
})

0 回复有任何疑惑可以回复我~

慕粉_蓝
2018-08-18

你的后一个a覆盖了前面的,导致取值的时候取不到

$('#btn3').click(function(){
$('.right .aaron').data("a", "I'm the cool kid!");
$('.right .aaron').data("b", "My name is: ");
$('.right .aaron').data("c", {
name:"Ray",
age:20
});
var f = $('.right .aaron').data("a") + "<br/>" + $('.right .aaron').data("b") + ""
+ $('.right .aaron').data("c").name + "<br/>" + $('.right .aaron').data("c").age;
$('.right .aaron').find('span').append(f);
})

0 回复有任何疑惑可以回复我~

Ooooooops
2018-08-14

$('.right .aaron span')和$('.right .aaron span')这两个选择器写错了

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础 (一)—样式篇

参与学习 217487 人
解答问题 1303 个

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

本课相似问答

3 回答大家帮我看看这句Jquery有什么问题？

1 回答请帮我看看这段代码为什么没有用点击不能切换只显示红色

2 回答怎么没有反应

5 回答为什么代码没有问题，执行后没有效果呢，大佬们帮忙看看

1 回答为什么这个样式没反应？？？

搜索更多本课相关问答

请帮我看看jQuery为什么没有反应

我要回答关注问题

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

帮助反馈 APP下载

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

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