為什么我這個(gè)“#imooc1”的p標(biāo)簽還是js的效果，JQuery的效果沒出來<script type="text/javascript">?????? window.onload = function(){??????????? // 通過原生JS語法獲取id為imooc1的元素p?? ??? ??? ?var p = document.getElementById('imooc1');??????????? // 將元素p在html中內(nèi)容改變?? ??? ??? ?p.innerHTML = 'P1：您好！通過慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑';??????????? // 將元素p的內(nèi)容顏色改為紅色?? ??? ??? ?p.style.color = 'red';?? ??? ??? ?}??? </script>?? ???? <!-- 使用jQuery語法 -->??? <script type="text/javascript">??????? $(document).ready(function() {??????????? /**???????????? * 通過jQuery語法獲取id為imooc2的元素獲得一個(gè)jQuery對(duì)象???????????? * 調(diào)用該對(duì)象的html()方法進(jìn)行更改內(nèi)容???????????? * 調(diào)用該對(duì)象的css()方法進(jìn)行更改顏色樣式???????????? */ ??????????? ???????????? $('#imooc1').html('p1:你好，世界').css('color','blue');??????????? var $p = $('#imooc2');??????????? $p.html('P2：您好！通過慕課網(wǎng)學(xué)習(xí)jQuery才是最佳的途徑').css('color','red');??????? });??? </script>?? ?</head><body>??? <p id="imooc1"></p>??? <p id="imooc2"></p></body>
1 回答
已采納
鬧小志
TA貢獻(xiàn)75條經(jīng)驗(yàn) 獲得超42個(gè)贊
你這個(gè)問題想錯(cuò)了側(cè)重點(diǎn)，你要記得，代碼都是從上往下執(zhí)行的。
那為什么會(huì)出現(xiàn)jquery代碼先執(zhí)行的情況呢？就要從別的方面考慮。
首先我們來對(duì)程序做一些小改動(dòng)，給兩個(gè)函數(shù)中添加分別添加個(gè)打?。?/p>
<script?type="text/javascript">
???window.onload?=?function(){
????console.log("js");
????}
</script>
<!--?使用jQuery語法?-->
<script?type="text/javascript">
????$(document).ready(function()?{
??????console.log("jquery");
????});
</script>運(yùn)行之后，控制臺(tái)的輸出是這樣的：
我們再來做一些改變：
<script?type="text/javascript">
???$(document).ready(function()?{
??????console.log("js");
????});
</script>
<!--?使用jQuery語法?-->
<script?type="text/javascript">
????$(document).ready(function()?{
??????console.log("jquery");
????});
</script>運(yùn)行結(jié)果為：
以上結(jié)果說明，問題出現(xiàn)在window.onload和$(document).ready上，區(qū)別：
window.onload ?在DOM樹和所有文件加載完成之后觸發(fā)
$(document).ready ?在DOM樹加載完成之后觸發(fā)
兩個(gè)比較一下，也就是$(document).ready一定是在window.onload之前執(zhí)行的！over！
-
仲鳴謝謝了，說的好清楚 -
仲鳴可不可以再幫忙回答一個(gè)簡單的問題，element.style.transfrom="rotateX("+a+"deg)"；中"+a+"為什么不能換成單引號(hào)呢，不是說單引號(hào)雙引號(hào)都可以的嗎
-
鬧小志你這個(gè)是三個(gè)部分的相加，咱們假設(shè)完整的是這樣：element.style.transfrom="rotateX(30deg)"；你可以看懂，當(dāng)我們把30換成一個(gè)a變量的時(shí)候，就需要我們拼字符串，這時(shí)候就分成了三部分： （1）rotateX（ 字符串表示為"rotateX（" （2）變量a 字符串表示為a （3）deg） 字符串表示為"deg)" 字符串拼接就可以表示成:"rotateX（" + a + "deg)".兩個(gè)加號(hào)是三個(gè)部分。 也就是說，如果你想用單引號(hào)的話就可以寫成這樣：'rotateX（' + a + 'deg)' 主要的問題就是分清哪個(gè)引號(hào)是一對(duì)，變量是不需要引號(hào)的喲~
點(diǎn)擊展開后面3條
添加回答
舉報(bào)
0/150
提交
取消