jquery - jQueryだけで背景色を数秒変える

Question

特定の要素をクリックすると、別の要素の背景が x 秒間赤くなり、元の色に戻るようになります。これはすべて、UI jQuery を使用せずに jQuery のみを使用します。出来ますか ？

Answer 1

var $el = $("#my-element"),
    x = 5000,
    originalColor = $el.css("background");

$el.css("background", "red");
setTimeout(function(){
  $el.css("background", originalColor);
}, x);

Answer 2

$("#element1_ID").on('click', function() {  // click on first element
    var bg = $("element2_ID").css('background'); // store original background
    $("element2_ID").css('background', 'red'); //change second element background
    setTimeout(function() {
        $("element2_ID").css('background', bg); // change it back after ...
    }, 1000); // waiting one second
});

Answer 3

フィドルをチェック

$('.b').on('click', function() {

    var time = 2000;
    setTimeout(function() {
        $('.a').css("background-color", "green");
    }, time);
});​