简单的jQuery效果不起作用

时间:2017-03-06 18:53:08

标签: javascript jquery html css

我在www.littlewebhut.com上发现了这个代码,并且有一个视频和解释。我复制粘贴代码但唯一的问题是,它不能在我的计算机上运行。我曾在几个不同的地方试过几台电脑,但它仍然无法正常工作。我能做错什么? 我将javascript代码保存为my_code.js



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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:3)

代码第一行中的拼写错误很少 - (function($) {})

  • Typo1 - 您传递了错误的参数($
  • Typo2 - 你太早关闭了这个功能

&#13;
&#13;
jQuery(document).ready(function() {
  $("h1").click(function() {
    $("h2").hide(1000);
  });
});
&#13;
h2 {
  background-color: orange;
}
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

谢谢大家的帮助! jquery链接中有一个拼写错误。