简单的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>
很少有错别字在代码的第一行 - (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>
期待downvoters的任何解释。 –
感谢您的回答!我编辑过它们,但它仍然不起作用。 :( – shunasammy
打开Web控制台(在Firefox上按Ctrl + Shift + K),看看它给你什么..有可能你没有jQuery.js? – wadie
谢谢大家的帮助! jQuery链接中存在拼写错误。
你还保存了jQuery库(jquery-1.8.0.min.js)吗? –
扩展Patrick的评论,你可能只需要指向CDN的jquery,享受 – abc123
谢谢!什么是CDN,我如何指向它?我很抱歉,这听起来很愚蠢。 – shunasammy