简单代码只适用于某些编辑器，但不适用于其他任何地方

为什么下面的代码只能在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

回答