javascript - 简单的 jQuery 效果不起作用

Question

我在 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>

Answer 1

您的代码第一行中几乎没有拼写错误 -(函数($) {})。

• 错别字 1 - 您传递了错误的参数 ($)
• 错字 2 - 您过早关闭了该功能

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>