简单代码仅适用于某些编辑器，但不适用于其他任

Question

为什么下面的代码只能在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!");
})

Answer 1

正如@dfsq提到的那样，你需要在文件中加入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>

你会发现它有效。

您的jQuery脚本应始终直接在结束</body>标记之前，以便在您尝试使用javascript / jQuery访问它之前加载DOM