Question

是一种在JQuery中设置文本样式的方法，例如：

EG。当我点击按钮＆＃39; Show Table＆＃39;将红色变为蓝色。

$(document).ready(function () {
    $('#hide').on('click', function () {
        if ($('#category-table').is(':visible')) {
            $(this).text("Show Table"); /*style this text color: red;*/
            $('#category-table').hide();
        } else {
            $(this).text("Hide Table"); /*style this text color: blue;*/
            $('#category-table').show();
        }
    });
});

Answer 1

使用.css()函数指定元素的样式：

$(this).text("Show Table").css('color', 'red');

或者你可以拥有CSS类，例如

.red {
    color: red;
}
.blue {
    color: blue;
}

并添加课程：

$(this).text("Show Table").removeClass("blue").addClass("red");

Answer 2

使用jQuery .css()方法。

e.g。 $(this).text("Show Table").css('color', 'red');

Answer 3

好像你正在使用jQuery。

$(this).css('color', '#ff0000'); /*style this text color: red;*/
$(this).text("Show Table");

$(this).css('color', '#0000ff'); /*style this text color: blue;*/
$(this).text("Hide Table");

Answer 4

$(document).ready(function () {
  $('#hide').on('click', function () {
    if ($('#category-table').is(':visible')) {
        $(this).text("Show Table"); /*style this text color: red;*/

        $(this).css("color","red"); // if you want set color (you can set color as 'red' or '#ff0000')
        $(this).addClass("myRedClass"); //this is better, you can set class and change him in styles

        $('#category-table').hide();
    } else {
        $(this).text("Hide Table"); /*style this text color: blue;*/
        /* copy from red  */
        $('#category-table').show();
    }
  });
});

在JQuery中设置$（this）.text的样式

4 个答案: