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的背景变为黑色。我做错了什么？

Answer 1

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

Answer 2

您缺少文档就绪处理程序回调中的结束括号。

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

处理JavaScript时，请务必检查浏览器的控制台。它会立即告诉你，你有一个解析错误。

另请注意，尽管此处的部分答案为$(document).ready(function...，但这只是$(function...的同义词。

Answer 3

您可以将javascript代码放在一个标记下：

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

Answer 4

问题在于你的功能......

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

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

背景不会变成黑色与jQuery

4 个答案: