Question

我的网页上有jQuery 我正在改变div的背景颜色它不起作用。

<script type="text/javascript">
       $("#gridbox").css({'background-color':'black'});
    </script>

Answer 1

您的代码应该可以使用，请尝试使用文档就绪处理程序。

$(document).ready(function(){
   $("#gridbox").css({'background-color':'black'});
})

http://jsfiddle.net/WcQse/

Answer 2

在DOM加载之前，您的脚本可能正在运行。尝试：

<script type="text/javascript">
     $(document).ready(function(){
       $("#gridbox").css({'background-color':'black'});
     });
</script>

-- Demo --

Answer 3

试试这个

如果您使用的是ASP.NET，则Client ID可能会根据Master Pages的使用情况发生变化，在这种情况下您可以尝试这样的事情。

  $('#<%= gridbox.ClientID %>' ).css('background-color','black');

如果只是div，那么您应该将其包装在document.ready()方法

中

$(document).ready(function(){


$('#gridbox').css('background-color','black');

});

<强> Demo

Answer 4

您使用的相同代码对我来说很好

<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  </head>
  <body>
       <div id="gridbox" style="background-color:red;">gridbox</div>
         <script type="text/javascript">
           $("#gridbox").css({'background-color':'black'});
         </script>
  </body>
</html>

所以你应该首先包含jquery库，然后将javascript文件放在要更改背景颜色的div之后。

Answer 5

尝试：

$("#gridbox").css("background-color", "black");

编辑：

添加文档就绪功能，这将在DOM加载后执行css更改。

$(document).ready(function() {
   $("#gridbox").css("background-color", "black");
});

注意：确保您在页面中引用了jQuery JavaScript文件。

背景颜色不会被jQuery改变

5 个答案: