jsFiddle抛出控制台错误

Question

我是一位经验丰富的开发人员，但我是JavaScript新手。 有一个JavaScript问题，我决定使用jsFiddle，这对我来说也是新的。

我发现这个教程： http://doc.jsfiddle.net/tutorial.html

这是我的小提琴： https://jsfiddle.net/richardpaulhall/y540ozwv/10/

----- 
<div id='test'>Helloooo World!</div> 
----- 
$('test').addEvent('click', (function() { 
$('test').set('html', 'Goodbye World!') 
$('test').fade('out'); 
})); 
----- 

我设置的例子作为指导，但没有奏效。 它引发控制台错误。

fiddle.jshell.net/richardpaulhall/y540ozwv/10/show/:51遗漏的类型错误：无法读取空

线的特性 '的addEvent' 51：$（ '测试'）的addEvent（ '点击' （函数（）{

本教程中提到设置框架MooTools的。我选择1.3.2

的教程中使用的alpha版本。

Answer 1

在你fiddle，您需要更改LOAD TYPE到onDomReady。 （你可以通过点击javascript窗口右上角的设置图标来改变它）。现在，您的js只有在DOM准备就绪或者所有HTML元素都已加载时才会运行。

Updated Fiddle

Answer 2

您需要导入jQuery的：

https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

然后更新JS：

$(document).ready(function() { 
    $('#test').on('click', function() { 
    $('#test').html('Goodbye World!'); 
    $('#test').fadeOut('slow'); 
    }); 
}); 

啊，对不起，你是不是使用jQuery ...