javascript - 使用 jQuery，背景不会变黑

Question

我拥有的代码如下：

<!DOCTYPE html>
<html>

    <head>
        <script src="javascript/jquery.js" type="text/Javascript"> </script>
    </head>
    <body>

        <div id="demo"></div>

        <script type="text/javascript">
        document.getElementById("demo").innerHTML="Hi";
        </script>

        <script type"text/javascript">
            $(function()
            {
                $("#demo").css("background", "#000000");    
            }
        </script>

    </body>
</html>

我遇到的问题是 JS/Jquery 的第二个块不会将 div 的背景变为黑色。我究竟做错了什么？

score 5 · Accepted Answer

$(function() {
    $("#demo").css("background", "#000000");    
}); // <-- You forgot a closing parenthesis

score 2 · Accepted Answer

您在文档就绪处理程序回调中缺少一个右括号。

$(function() {
    $("#demo").css("background", "#000000");    
}); //<-- here

处理 JavaScript 时始终检查浏览器的控制台。它会立即告诉您您遇到了解析错误。

另请注意，尽管此处的某些答案确实如此$(document).ready(function...，但这与 simple 同义$(function...。

score 1 · Accepted Answer

您可以将您的 JavaScript 代码放在一个标签下：

<script type"text/javascript">
$(document).ready(function(){
  document.getElementById("demo").innerHTML="Hi";
  $("#demo").css("background-color", "#000000");    
});
</script>

score 1 · Accepted Answer

问题是你的功能....

$(document).ready(function(){
    $("#demo").css("background", "#000000");    
});

此外，您可能需要为您的 div 添加宽度/高度。

javascript - 使用 jQuery，背景不会变黑

4 回答 4

Related

Reference