簡單代碼只適用於某些編輯器，但不適用於其他任何地方

爲什麼下面的代碼只能在Codecademy.com編輯器中使用，而不能在真正的瀏覽器或jsfiddle中使用？似乎有不犯錯誤......簡單代碼只適用於某些編輯器，但不適用於其他任何地方

HTML

<p id='p1'>Zebras eat bananas</p> 
<p id='p2'>That's nonsense</p>

有了這個JavaScript中，當頁面加載＃P2應自動改變。在Codecademy編輯器中會發生什麼，但是see it not work in Jsfiddle也不是當我製作HTML/js文件並在瀏覽器中運行它時。

我該如何解決這個問題？還是他們教我錯了？

的Javascript

$(document).ready(function(){ 
$('#p2').html("Now it makes sense!"); 
})

包括jQuery的，它將使在的jsfiddle太感HTTP：// jsfiddle.net/jcytpnyn/3/ – dfsq 2014-12-07 19:59:22

使用「引用屬性值 – Johan 2014-12-07 20:01:46

@Johan''''和'''甚至根本沒有引號（在這種情況下）是等價的。 – dfsq 2014-12-07 20:02:32

由於@dfsq已經mentionend，你需要包括jQuery的到您的文件，因爲你的小提琴。你可以通過你的腳本前加入這一行做到這一點：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

之後，你可以把你的代碼<script>標籤：

<script> 
$(document).ready(function(){ 
$('#p2').html("Now it makes sense!"); 
}) 
</script>

，你會看到，它的作品。

你嘗試用JavaScript來訪問它之前你的jQuery腳本應該八方通直接關閉</body>標記之前，這樣DOM被加載/ jQuery的

2014-12-07 20:03:43 baao

回答