2

我的网页上有 jQuery。
我正在更改 div 的背景颜色。
它不工作。

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

5 回答 5

6

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

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

http://jsfiddle.net/WcQse/

于 2012-09-13T09:58:12.450 回答
4

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

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

-- 演示 --

于 2012-09-13T09:57:55.210 回答
3

试试这个

如果您正在使用，ASP.NET那么您Client ID可能会根据使用情况而改变，Master Pages在这种情况下您可以尝试这样的事情。

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

如果它只是一个div那么你应该把它包装在document.ready()方法中

$(document).ready(function(){


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

});

演示

于 2012-09-13T09:57:20.157 回答
1

您正在使用的相同代码对我来说工作正常

<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>

so you should first include the jquery library, then put the javascript file after the div that you want to change the background color.

于 2012-09-13T11:35:44.823 回答
0

尝试： 

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

编辑：

添加一个文档准备功能，这将在DOM加载后执行 css 更改。

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

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

于 2012-09-13T09:57:44.230 回答