使用jquery更改文本颜色

Question

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

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

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

Answer 1

您可以使用css功能：

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

Answer 2

$(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方法，以便更灵活！

Answer 3

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