                        課程
                    
                        /前端開發
                        
                            /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 按鈕以后在 里會出現我給的data變量可惜按了后沒有反應 :( 求大神幫忙

raylism

2018-08-14

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

關注問題我要回答

1692

操作

收起

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')) ;? ? ?

? ? ? ? })

這里幾個問題?

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