简单的jQuery效果不起作用

我在www.littlewebhut.com网上发现了这个代码，并且有一个视频和一个解释。我复制了代码，但唯一的是，它不能在我的电脑上运行。我在几个不同的地点尝试了几台电脑，但它仍然无法工作。我可能做错了什么？我救了javascript代码为my_code.js简单的jQuery效果不起作用

jQuery(document).ready(function($) {}) 
 
    $("h1").click(function() { 
 
    $("h2").hide(1000); 
 
}); 
 
});

h2 { 
 
    background-color: orange; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>Click Me</h1> 
 
<h2>Heading two</h2> 
 
<h3>Heading three</h3>

来源

2017-03-06 shunasammy

你还保存了jQuery库（jquery-1.8.0.min.js）吗？ –

扩展Patrick的评论，你可能只需要指向CDN的jquery，享受 – abc123

谢谢！什么是CDN，我如何指向它？我很抱歉，这听起来很愚蠢。 – shunasammy

很少有错别字在代码的第一行 - (function($) {})。

Typo1 - 你度过了一个错误的参数（$）
Typo2 - 您已关闭功能太早

jQuery(document).ready(function() { 
 
    $("h1").click(function() { 
 
    $("h2").hide(1000); 
 
    }); 
 
});

h2 { 
 
    background-color: orange; 
 
}

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

 
<h1>Click Me</h1> 
 
<h2>Heading two</h2> 
 
<h3>Heading three</h3>

来源

2017-03-06 18:54:50

期待downvoters的任何解释。 –

感谢您的回答！我编辑过它们，但它仍然不起作用。 :( – shunasammy

打开Web控制台（在Firefox上按Ctrl + Shift + K），看看它给你什么..有可能你没有jQuery.js？ – wadie

谢谢大家的帮助！ jQuery链接中存在拼写错误。

来源

2017-03-06 20:10:53 shunasammy

简单的jQuery效果不起作用

回答

相关问题