jQuery不适合我吗?

时间:2014-12-01 19:37:01

标签: jquery html css

所以,我开始学习一些关于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();
    });

0 个答案:

没有答案