Javascript 如何通过更改其他内容的颜色来指示该内容已被单击?

Javascript 如何通过更改其他内容的颜色来指示该内容已被单击?,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,在这里,我想文本+定时器的颜色改变一旦用户点击秒表或定时器。我试图使用一些JavaScript,但无法实现它 这是我的密码 $(".icon-clock").shieldButton({ events: { click: function () { clearInterval(timer); startTime = Date.now(); timer = set

在这里,我想文本+定时器的颜色改变一旦用户点击秒表或定时器。我试图使用一些JavaScript,但无法实现它

这是我的密码

$(".icon-clock").shieldButton({
        events: {
            click: function () {
                clearInterval(timer);
                startTime = Date.now();
                timer = setInterval(updateProgress, 100);
                $(".colorchange").color(rgb(#0F0)); 
                //It is not going to work I know
            }
        }
    });
这是计时器部分

<li><a href="#" class="dropdown-toggle icon-plus" data-toggle="dropdown">
                                        <span data-placement="bottom" title="Show Timer" class="colorchange">+ Timer </span></a>
                                        <ul class="dropdown-menu timer-wrapper" style="  padding:5px;">     
                                <div class="btn-group">
                                    <button title="" type="button" class="btn btn-default b_fix icon-stopwatch" onclick="start(0);" data-original-title="Stopwatch"></button>
                                    <button title="" type="button" class="btn btn-default b_fix icon-clock" onclick="start(1);" data-original-title="Timer"></button>
                                </div>
  • 试试:


    $(“.colorchange”).css('color:#0F0')

    您试图在jQuery中使用名为
    color()
    的方法,但恐怕此方法不存在。相反,请使用用于更改css属性的方法:

    $(".colorchange").css('color', '#00ff00'); 
    

    此外,为了使代码更具可重用性,我建议您为此创建一个类,并使用将其添加到元素中。除非您必须更改为许多不同的颜色。

    您可以使用jQuerys
    css
    方法,即使对象具有多个样式定义:

       $('.colorchange').css({
          'color' : '#0f0',
          'font-weight' : bold
       });
    
    如果您为应该更改颜色的元素定义了多个样式,这将是一个更好的解决方案。您只需要更改对象类名称。将其放入css中:

    .colorchange {
       color: #666;
       font-weight: normal;
    }
    
    .colorchange.highlight {
       color: #0f0;
       font-weight: bold;
    }
    
    在javascript中:

    $('.colorchange').addClass('highlight');
    

    这个解决方案将更加经得起未来的考验,因为您可以管理css中的所有样式和javascript中的所有逻辑。

    $(“.colorchange”).css('color','00ff00')?我相信jQuery中不存在方法
    color
    。非常感谢:)。我如何将它也变为粗体。这是否有效$(“.colorchange”).css('font-weight','bold');好吧,试试看。我相信它会起作用。因为他是第一个解决了我的问题,所以我对其他答案进行了投票表决。你的答案也很棒。你也可以投票表决:-)你只能将一个答案标记为解决问题的答案,但你可以投票表决多个答案。我需要15的声誉:)