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

Check FIDDLE

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

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

仅使用jQuery更改背景颜色几秒钟

3 个答案: