Question

好的，所以我是jQuery的新手，我一直在使用codecademy，我认为这很酷，所以我试着在我的电脑上制作自己的版本，但它不起作用！我想我可能做了一些非常愚蠢的事情，或者只是我的电脑（它的旧版本：p）。

的的index.html

<!DOCTYPE html>
<html>
<head>
    <title>jQuery test</title>
    <style>
    div {
height: 60px;
width: 100px;
border-radius: 5px;
background-color: #69D2E7;
}
    </style>
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <div></div>   
</body>
</html>

的 script.html

$(document).ready(function() {
$('div').mouseenter(function() {
    $('div').fadeTo('fast', 1);
});
$('div').mouseleave(function() {
    $('div').fadeTo('fast', 0.5);
});
});

请帮忙！谢谢！

Answer 1

这是一个完整的简单jQuery演示

<!DOCTYPE HTML>
<html>
    <head>
        <title>jQuery Demo</title>
    </head>
    <body>
        <div id="content" style="display: none">
            <h1>Hello jQuery</h1>
        </div>
        <script src="//code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
        <script>
            $( document ).ready(function() {
                $( '#content' ).fadeIn();
            });
        </script>
    </body>
</html>

此外，不是简单地指定$( 'div' )之类的选择器，而是首选使用$( '#divID' )之类的ID，或者像$( '.divClass' )这样的类

Answer 2

将脚本src放在jQuery的上方。像这样

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

Answer 3

我的第一个猜测是你没有将jQuery包含在你的文档中。

http://jsfiddle.net/patrickhaede/MgGh7/

看看这里。这是您必须包含在标题中的脚本标记中的内容。

 //code.jquery.com/jquery-1.10.2.min.js

在js小提琴中，您实际上可以在左侧看到我已经包含了jQuery库并且您的代码正在运行：）

为什么这不起作用？

的的index.html

的 script.html

3 个答案: