Javascript jQuery在我的html中不起作用

我现在正在尝试创建一个简单的登录页面，但稍后它将需要大量的

jQuery

，因此请建议一个解决方案

$（'.messagea'）。单击（函数（）{
$（'form'）.animate（{height:“toggle”，opacity:“toggle”}，“slow”）；
});
@导入url(https://fonts.googleapis.com/css?family=Roboto:300);
.登录页面{
宽度：360px；
填充：8%0；
保证金：自动；
}
.表格{
位置：相对位置；
z指数：1；
背景：#FFFFFF；
最大宽度：360px；
保证金：0自动100px；
填充：45px；
文本对齐：居中；
长方体阴影：0 0 20px 0 rgba（0,0,0,0.2），0 5px 5px 0 rgba（0,0,0,0.24）；
}
.表格输入{
字体系列：“Roboto”，无衬线；
大纲：0；
背景#f2f2；
宽度：100%；
边界：0；
利润率：0.15px；
填充：15px；
框大小：边框框；
字体大小：14px；
}
.表格按钮{
字体系列：“Roboto”，无衬线；
文本转换：大写；
大纲：0；
背景#4CAF50；
宽度：100%；
边界：0；
填充：15px；
颜色：#FFFFFF；
字体大小：14px；
-webkit过渡：所有0.3易用性；
过渡：全部0.3缓；
光标：指针；
}
.窗体按钮：悬停，.窗体按钮：活动，.窗体按钮：焦点{
背景#43A047；
}
.表格.留言{
利润率：15px0；
颜色：#B3；
字体大小：12px；
}
.表格.留言{
颜色：#4CAF50；
文字装饰：无；
}
.表格.登记表格{
显示：无；
}
.集装箱{
位置：相对位置；
z指数：1；
最大宽度：300px；
保证金：0自动；
}
.container:之前，.container:之后{
内容：“；
显示：块；
明确：两者皆有；
}
.container.info{
保证金：50px自动；
文本对齐：居中；
}
.container.info h1{
利润率：0.15px；
填充：0；
字体大小：36px；
字体大小：300；
颜色：#1A1A；
}
.container.info span{
颜色：#4d；
字体大小：12px；
}
.container.info span a{
颜色：#000000；
文字装饰：无；
}
.container.info span.fa{
颜色：#EF3B3A；
}
身体{
背景：#76b852；/*旧浏览器的回退*/
背景：-webkit线性梯度（右，#76b852，#8DC26F）；
背景：-莫兹线性梯度（右，#76b852，#8DC26F）；
背景：-o-线性梯度（右，#76b852，#8DC26F）；
背景：线性梯度（向左，#76b852，#8DC26F）；
字体系列：“Roboto”，无衬线；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
}

创造
是否已注册
登录
是否未注册
CDN路径错误，请尝试使用

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

请在就绪事件中添加jQuery代码，如下所示：

 jQuery(document).ready(function($) {
  jQuery('.message a').click(function(){
   jQuery('form').animate({height: "toggle", opacity: "toggle"}, "slow");
 });
});

还将jQuery cdn路径更新为
什么不起作用？？问题中没有正确说明当前问题。将jQuery代码包装在$（文档）中.ready可能会有帮助。@user6507090对于每个输入，您应该有一个唯一的名称，可以识别输入是什么。您在
上的单击功能。消息a
在您的示例中运行得非常好。顺便说一句，
//ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js
与他当前使用的路径相同，您所做的只是添加了
https:
前缀。如果他是从本地文件而不是通过Web服务器加载页面，那么这个答案是正确的。我们应该得到这个问题的答案。我现在正在从本地文件而不是Web服务器加载我的页面。@Barmar它似乎确实在本地运行“当我运行代码时，它在stackoverflow中工作，但不是在我的系统上。”。嗨。这是有效的。我不明白怎么做。你能解释一下ready有什么区别吗？.ready（）保证在DOM准备好后执行，所以这通常是附加所有其他事件处理程序并运行其他jQuery代码的最佳位置。