Javascript 为什么赢了'；jQuery在我的项目中工作吗？_Javascript_Jquery_Html_Css

Javascript 为什么赢了'；jQuery在我的项目中工作吗？

javascript jquery html css

Javascript 为什么赢了'；jQuery在我的项目中工作吗？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在为一个朋友做一个小项目。我最近在Codecademy上学习了jQuery，这是我第一次将它合并到网页中。然而，它不起作用，我不知道为什么。此外，如果有人可以指导我如何将文本框居中，等等，使其看起来像下面链接的图像，请让我知道这是我的index.html： <!DOCTYPE html> <html> <head> <title>DNA Translator</title> <link rel="s

我正在为一个朋友做一个小项目。我最近在Codecademy上学习了jQuery，这是我第一次将它合并到网页中。然而，它不起作用，我不知道为什么。此外，如果有人可以指导我如何将文本框居中，等等，使其看起来像下面链接的图像，请让我知道

这是我的index.html：

<!DOCTYPE html>
<html>
    <head>
    <title>DNA Translator</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script> type="text/javascript" src="script.js"</script>
    <script></script>
    </head>
    <body>
        <div id="content">
            <form>
                DNA: <input type="text" name="dna" placeholder="DNA"><br>
                mRNA: <input type="text" name="mrna" placeholder="mRNA"><br>
                tRNA: <input type="text" name="trna" placeholder="tRNA"<br>
                Amino Acids: <input type="text" name="aminoAcids" placeholder="Amino Acids"<br>
            </form>
            <button id="button" type="button">Tanslate</button>
        </div>
    </body>
</html>

下面是script.js：

$(document).ready(function() {
    $('#button').mouseenter(function() {
        $('#button').fadeTo('slow', 1);
    });
    $('#button').mouseleave(function() {
        $('#button').fadeTo('slow', 0.7);
    });
});

您需要包括jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

包括jQuery库的链接：

<script src="http://code.jquery.com/jquery-latest.min.js"
    type="text/javascript"></script>

在调用任何.js文件之前，请确保执行此操作。

您过早地关闭了脚本标记

type=“text/javascript”src=“script.js”

应该是

您可以通过css对文本框进行中心对齐。如果您想使用jQuery，请下载它并将其包含在您的页面上，或者直接添加

。然后就可以使用jQuery了。如果您让我们知道您想做什么，然后我们可以提出建议。

因为您没有将其加载到页面中？显示您的jquery代码给出您接受的答案，您在哪里包含jquery？上面的内容中没有包含它。我确实编辑了它，但最终的问题是我没有正确链接我的script.js文件。如果我能选择答案，我会的。他们都是需要的。但这是我认为更大的问题。它不是一个插件，而是一个库

script

不是一个自动关闭的元素，我建议删除

type

属性。也可以考虑HTTPS。除此之外，+1。@Zack-ya，这就是CDN@rink.attendant.6无论如何，HTML5中没有自动关闭的元素。单个元素的结束标记是

[/]？>

@Zack在你的公共库中使用CDN，它通常比你的站点快（好处是：在用户首次加载你的站点之前，它也会被缓存，10次中有9次）@rob你应该始终将CDN URL指定为https，理想情况下，因为它是一个远程脚本，可以是中间人（如果需要纯文本兼容性，请使用

//domain.tld/resource

而不是

http://

或

https://

）这不是一个插件，它是一个库！非常感谢！！！这就是问题所在。我知道我在做一些愚蠢的事情。我知道我可以通过CSS来做这件事，但我对CSS的经验远不如你们，我想知道如何做。

<script src="http://code.jquery.com/jquery-latest.min.js"
    type="text/javascript"></script>