所以,我开始学习一些关于jQuery的知识。我知道非常关于JavaScript。我在JSFiddle中使用jQuery创建了自己的小JavaScript。出于某种原因,我无法让它在JSFiddle之外工作。我第一次尝试在我的网站上实现它,没有用。然后我制作了一些本地文件(index.html,style.css,test.js),我将它们全部放在同一个文件夹中,并在index.html中将它们全部链接起来。我不得不遗漏一些东西,但我不知道它是什么。
以下是文件的内容:
的index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="test.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="buttons">
<a href="#" id="register">Register</a>
<a href="#" id="login">Login</a>
</div>
<div id="prompt">
Username
<input type="text" name="username" />
<br/>
Password
<input type="text" name="password" />
<br />
<span class="fakelink">Go back</span>
</div>
</div>
</body>
</html>
的style.css
#prompt {
display:none;
}
test.js
$("a#login").click(function () {
$("div#buttons").slideToggle();
$("div#prompt").slideToggle();
});
$(".fakelink").click(function () {
$("div#buttons").slideToggle();
$("div#prompt").slideToggle();
});