Question

我有一个带按钮的页面，下面有一个h1。当按下按钮时，我希望身体的背景颜色变为h1的颜色....我希望h1的颜色变为身体的背景颜色。

我将身体的背景颜色和h1的颜色作为RGB颜色值中的变量。有没有办法在on（click）事件中实现我想做的事情？

这是我到目前为止的代码：

var bodyclr = $('body').css('background-color');
var textclr = $('h1').css('color');

// When user clicks on the .switch button
$('button').on('click', function() {
    console.log(bodyclr);
    console.log(textclr);
});

Answer 1

当然，应该很容易，只需存储其中一种颜色，并交换？

$('button').on('click', function() {
    var bg = $('body').css('background-color');

    $('body').css('background-color', $('h1').css('color'));

    $('h1').css('color', bg);

});

FIDDLE

否则条件不在jquery中工作

1 个答案: