背景颜色不会被jQuery改变

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>

- 演示 -

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');

});

演示

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 个解决方案

解决方案1
6 已采纳 2012-09-13 09:58:12

解决方案2
4 2012-09-13 09:57:55

解决方案3
3 2012-09-13 09:57:20

解决方案4
1 2012-09-13 11:35:44

解决方案5
0 2012-09-13 09:57:44

背景颜色不会被jQuery改变

问题描述

5 个解决方案

解决方案1 6 已采纳 2012-09-13 09:58:12

解决方案2 4 2012-09-13 09:57:55

解决方案3 3 2012-09-13 09:57:20

解决方案4 1 2012-09-13 11:35:44

解决方案5 0 2012-09-13 09:57:44

解决方案1
6 已采纳 2012-09-13 09:58:12

解决方案2
4 2012-09-13 09:57:55

解决方案3
3 2012-09-13 09:57:20

解决方案4
1 2012-09-13 11:35:44

解决方案5
0 2012-09-13 09:57:44