Question

我有一个标题为id的h2元素，我有以下脚本：

<script type="text/javascript">
$(document).ready(function(){

   $("#title").css("background-color","red");   

)};
</script>

背景颜色虽然没有改变，但我无法找出原因？

<html>
<head>
<title>Table Sorter</title>
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.tablsorter.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$("#title").css("background-color","red");  

)};
</script>
</head>

<body>
<h2 id="title">Table Sorter</h2>
</body>
</html>

<script type="text/javascript">
$(document).ready(function()
{
    $("#title").css("background-color","red");
    $("#myTable").tablesorter();
}
);
</script>

Answer 1

替换

<link type="text/javascript" src="/js/jquery-1.3.2.min.js"/>

与

<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>

在结束括号中，jQuery函数中也存在语法错误。他们应该是

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

如果仍无法解决您的问题，请在此处发出警告......

$(document).ready(function(){
  alert("Howdy!");
});

如果没有看到警告消息，则表示未加载jQuery脚本，这意味着SRC属性中的相对路径不正确。

Answer 2

看来你又犯了另一个错字：

<title>Table Sorter</table>
                     ^^^^^

将table替换为title：

<title>Table Sorter</title>

Answer 3

你可以在没有jQuery的情况下使用吗？尝试：

document.getElementById("title").style.backgroundColor = "#F00";

而不是您当前的脚本。如果这不起作用，请检查您是否有格式良好的HTML。

更新：既然您已经发布了HTML，我可以看到您需要使用脚本标记而不是链接标记来导入jQuery

Answer 4

替换

<link type="text/javascript" src="/js/jquery-1.3.2.min.js"/>

与

<script type="text/javascript" src="/js/jquery-1.3.2.min.js"/>

Answer 5

你走了。其他人已经指出了你遇到的一些小问题，例如使用你需要脚本标签的链接标签等。这段代码对我有用：

<html>
  <head>
    <title>Table Sorter</title>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("#title").css("background-color","red");
      });
    </script>
  </head>
  <body>
    <h2 id="title">Table Sorter</h2>
  </body>
</html>

看起来你的$（文件）.ready部分末尾的代码中有一个拼写错误}};代替 }）;。如果您使用Firefox，则可以打开错误控制台并查看任何Javascript错误或警告。

Answer 6

好的，我想通了，我不知道为什么会这样。在JQuery脚本标记下面，我有另一个脚本标记：

<script type="text/javascript" src="/js/jquery.tablsorter.min.js"/>

当我删除上述内容时，它有效。但我不知道为什么？

<h2> background-color没有随Jquery改变？</h2>

6 个答案: