jQuery：关于改变风格的价值

Question

  

Html代码：

void foo()

我想要名称类的样式更改，通过 jQuery

进行提醒

  

jQuery代码：

a2

Answer 1

如果您不想考虑使用MutationObserver，则必须编写更多代码。像这样：

$(document).ready(function () {
    var colorsArr = ['red', 'orange', 'gray', 'black', 'blue', 'yellow'];
    $('#btnChangeBackgroundColor').on('click', function () {
    var xColor = colorsArr.shift();
    colorsArr.push(xColor);

    $('.name').css('background-color', xColor);
  });

    $('.name').attr('data-originalstyle', $('.name').attr('style'));

  checkIfStyleChanged();
});

function checkIfStyleChanged() {
    if ($('.name').attr('data-originalstyle') != $('.name').attr('style')) {
   $('.name').attr('data-originalstyle', $('.name').attr('style'));

    $('#lblChanged').html('The Style Changed');
    $('#lblChanged').css('display', '');

    setTimeout(function () {
        $('#lblChanged').fadeOut('slow');
    }, 1500);    
  }

  setTimeout(function () {
        checkIfStyleChanged();
    }, 50); 
}

请参阅我的jsfiddle示例：https://jsfiddle.net/fictus/6zhqk4b1/