使用javascript更改div中的元素颜色

时间:2013-06-14 21:15:11

标签: javascript css

我在div中有一些链接:

<div class="sidebar" id="sidebar">

  <ul>
    <li><a href="a.php">Link 1</a></li>
    <li><a href="b.php">Link 2</a></li>
    <li><a href="c.php">Link 3</a></li>
  </ul>
</div>

我加载了一个样式表:

.sidebar a {
    text-decoration: none;
            font-weight:normal;
}
.sidebar a:hover {
    color: #FFF;
    text-decoration: underline;
                font-weight:bold;
}

此样式表用于多个页面。在某些情况下,我想改变“a”元素的颜色。根据我的研究,我试过这个jquery来改变“a”元素的颜色:

$("div.sidebar a").css({color : "#000000"});

但是当我这样做时,我收到了这个错误:预期的对象。

圣牛,我错过了什么?

3 个答案:

答案 0 :(得分:2)

您确定在出现Object expected错误的网页上加载了jquery吗?

看起来像是在这里工作。 http://jsbin.com/ekinuy/1/edit

另请注意: jquery IE8 $(document).ready "object expected" error

答案 1 :(得分:0)

在此工作:http://jsfiddle.net/8dk9F/

$(".sidebar a").css("color", "red");

答案 2 :(得分:-2)

试试这个它应该适合你。有些浏览器比其他浏览器更挑剔。

$('div.sidebar a').css({"color" : "#ccc"});