Javascript 简单JQuery脚本不起作用_Javascript_Jquery

Javascript 简单JQuery脚本不起作用

javascript jquery

Javascript 简单JQuery脚本不起作用,javascript,jquery,Javascript,Jquery,我第一次尝试使用jQuery，我正在手工编写代码。但是我的jQuery代码根本不起作用。。。以下是我的设置： Index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <link href="mainCSS.css" rel="stylesheet" type="text/css"&g

我第一次尝试使用jQuery，我正在手工编写代码。但是我的jQuery代码根本不起作用。。。以下是我的设置：

Index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="mainCSS.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="mainJQuery.js"></script>
</head>
    <body>
    <div class="test"> </div>
</body>
</html>

mainJQuery.js

.test {
    background-color:#FF0004;
    border-radius:25px;
    display:block;
    height:500px;
    width:500px;
}

// JavaScript Document

$(document).ready(function() {
    $('.test').click(function() {
        $('.test').fadeOut('slow');
    });
});

只是为了记录在案：

为了让jQuery代码正常工作，您需要在HTML中链接到jQuery库。

如果您正在学习的教程在第一步中没有包含此内容，那么您应该找到另一个教程。如果您是因为没有遵循教程的第一步而遇到这个问题，那么在回到StackOverflow之前，您应该更仔细地阅读，否则可能会获得一些严重的否决票

在HTML页面中包含jQuery的两种最常见的方法是：

1）下载库，并链接到本地副本。在

部分：

2）链接到谷歌CDN上jQuery的远程副本。同样，在

中：

如果不使用这些选项中的一个或类似选项链接到jQuery，代码将无法工作。在大多数浏览器中，您可以通过键入“jQuery”并获得类似

jQuery未定义的错误来判断这是问题所在
令人惊讶的是，我找不到一个重复的问题来结束这篇文章，但我又没有点击StackOverflow上的每一个“为什么这个简单的jQuery脚本不起作用”问题
还有很多。
在这里工作：）
~>演示可能缺少
获取Firefox的Firebug之类的工具。当然，javascript控制台中存在错误，可以告诉您问题所在。如果让我猜，您没有正确地包含核心jQuery脚本。代码中没有jQuery脚本？您链接到jQuery脚本了吗？您链接到jQuery库了吗？