使用 jquery 更改文本颜色答案

【问题标题】：Change text color using jquery使用 jquery 更改文本颜色
【发布时间】：2011-02-25 20:49:31
【问题描述】：

我有一个像这样的单选按钮

<input type='radio' name='specific_consultant' id='specific_consultant_no' 
                                                                      value='no'>No</input>

在此单选按钮的.on click 上，我需要更改文本颜色，例如 No.. 我该怎么做..

【问题讨论】：

How can I change the text color with jQuery?的可能重复

标签： jquery

【解决方案1】：

$(document).ready(function() {
    var button = $('#specific_consultant_no');
    button.click(function() {
        button.css('color', 'FOO');
    });
});

如果你想重用该方法，你可以这样做。

var colorMethod = function() {
    $(this).css('color', 'FOO');
};
$(document).ready(function() {
    var button = $('#specific_consultant_no');
    button.click(colorMethod);
});

您也可以使用addClass 和removeClass 方法，更加灵活！

【讨论】：

我加了 $('#specific_consultant_no').css('color','red');但没有工作....
您的 id 在您的页面上是唯一的 - 按照标准，它必须是！
您对 css 属性的分配是否在 click-eventHandler 中？请支持更多代码，以便我可以帮助您！

【解决方案2】：

您可以使用css 函数：

$(function() {
    $('#specific_consultant_no').click(function() {
        $(this).css('color', 'red');
    });
);

【讨论】：

【解决方案3】：

$("#myButton").on('click', function () {
        $(this).toggleClass('green');
        $("#result").toggle();
});

【讨论】：