Jquery 为什么此代码没有'；你好像没跑？_Jquery

Jquery 为什么此代码没有'；你好像没跑？

jquery

Jquery 为什么此代码没有'；你好像没跑？,jquery,Jquery,我编写了一个jquery脚本，每当为子输入元素触发keydown事件时，就更改父div的颜色，但代码似乎没有运行 <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(document).ready(functio

我编写了一个jquery脚本，每当为子输入元素触发keydown事件时，就更改父div的颜色，但代码似乎没有运行

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                        $("input").keydown(function(){
                        $("#div").css("background-color","teal");
                    });
                });
        </script>
    </head>
    <body>
    <div id="div">
        <input type="text">
    </div>
    </body>
</html>


$（文档）.ready（函数（）{
$（“输入”）.keydown（函数（）{
$（“#div”）.css（“背景色”、“青色”）；
});
});

您在jquery链接中忘记了“http”（假设您使用

文件：//

访问该文件），请更改

到

编辑：

准备好转到服务器时，将其改回

//ajax.googleapis.com/…

以避免@Femaref提到的http/https问题

您在jquery链接中忘记了“http”（假设您正在使用

文件：//

访问该文件），更改

到

编辑：

当准备好转到服务器时，将其改回说

//ajax.googleapis.com/…

，以避免@Femaref提到的http/https问题

如果这是您的全部代码，则div周围没有显示背景的空间

请看这把小提琴

如果添加

填充：5px然后div显示背景色
还要注意，只有当用户在输入中键入内容时才会触发，而不是当它有焦点时
 如果这是您的全部代码，那么div周围就没有显示背景的空间
请看这把小提琴
如果添加填充：5px然后div显示背景色
还要注意，只有当用户在输入中键入内容时才会触发，而不是当它有焦点时
 也许背景完全填满了？很好，试试这个$（“#div”）.css（{'background color'：'teal'）@War10ck请更正您的代码。它应该是逗号而不是冒号。@SumitGera它不应该是逗号。这是一个对象文本。请注意添加的花括号。可能背景已完全填充？很好，请尝试此$（“#div”）.css（{'background color'：'teal'）@War10ck请更正您的代码。它应该是逗号而不是冒号。@SumitGera它不应该是逗号。这是一个对象文本。请注意添加的花括号。他没有这样做，这样会自动选择合适的url方案（http
或https
），而不会引入安全漏洞。看@SumitGera你在哪里测试？如果您的浏览器（我猜是IE）正在处理本地文件并引用file:///C:/
然后他需要http
@Jan Dvorak我正在使用最新版本的Chrome。我尝试了两个版本——本地文件和一个托管在google服务器上的文件。在使用http协议之后，它就可以工作了。他没有这样做，这样就可以自动选择合适的url方案（http
或https
），而不会引入安全漏洞。看@SumitGera你在哪里测试？如果您的浏览器（我猜是IE）正在处理本地文件并引用file:///C:/
然后他需要http@Jan Dvorak我正在使用最新版本的Chrome。我尝试了两个版本——本地文件和一个托管在google服务器上的文件。它在使用http协议后工作。@JanDvorak:是的，你是对的，它是：）但我不确定这是完整的源代码还是只是一个测试，所以我添加了填充以确保它是可见的。@JanDvorak:是的，你是对的，它是：）但我不确定这是完整的源代码还是只是一个测试，所以我添加了填充物以确保它是可见的。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

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