                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ) (一)—樣式篇

請幫我看看jQuery為什么沒有反應(yīng)

我在學(xué).data()的運(yùn)用, 以下是我的html 和 jQuery代碼:

????<div?class="right">????????
????????<div?class="aaron">????????????
????????????<p>點(diǎn)擊看結(jié)果</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 按鈕以后在 里會出現(xiàn)我給的data變量可惜按了后沒有反應(yīng) :( 求大神幫忙

raylism

2018-08-14

源自：jQuery基礎(chǔ) (一)—樣式篇 3-9

關(guān)注問題我要回答

1683

操作

收起

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") + "" + $('.right .aaron').data("b") + "";? ? ? ? ? ? ?

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

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

? ? ? ? })

這里幾個(gè)問題?

span標(biāo)簽在right下第二個(gè)div里? '.right?.aaron?span'這樣選中綁定在document上跟你想綁定位置
在你js中的第5行代碼“a”和上面的“a”重復(fù)了會把之前的覆蓋掉
第5行“a”里面?zhèn)魅氲臄?shù)據(jù)是個(gè)對象所以如果要最后添加的話返回的是【Object，Object】

個(gè)人建議：

? ? 如果你直接學(xué)的jQuery的話，我覺得應(yīng)該先去學(xué)原生的javaScript，然后學(xué)會如何自己調(diào)試，在網(wǎng)頁上F12可以打開控制臺，自己解決不了先baidu，然后在問題可以

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉_藍(lán)
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") + " " + $('.right .aaron span').data("b") + ""
+ $('.right .aaron span').data("c").name + " " + $('.right .aaron span').data("c").age; ? ? ? ? ? ??
? ? ? ? ? ? $('.right .aaron').find('span').append(f); ? ? ??
? ? ? ? })

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉_藍(lán)
2018-08-18

你的后一個(gè)a覆蓋了前面的,導(dǎo)致取值的時(shí)候取不到

$('#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") + " " + $('.right .aaron').data("b") + ""
+ $('.right .aaron').data("c").name + " " + $('.right .aaron').data("c").age; ? ? ? ? ? ??
? ? ? ? ? ? $('.right .aaron').find('span').append(f); ? ? ??
? ? ? ? })