javascript - jQuery在点击时改变多个元素的颜色

Question

格式在 jsfiddle 中并不真正起作用，但这对我的问题无关紧要。

这是我拥有的:http://jsfiddle.net/8X7ZE/1/

我要做的是在单击红色 div 时将所有蓝色元素更改为红色(h1 文本和导航栏)。

$(document).ready(function(){
    $('.colorred').click(function(){
        $('.over', '#thispage').css({"background-color", "#821122"});
        $('h1', '.nav').css({"color", '#821122'});
    });
});

目前所发生的一切都是让我指向的元素永远不会出现(它们淡入)。

Answer 1

您在选择器和 css 方法参数中遇到逗号问题。

这是你的代码:

$('.over', '#thispage').css({"background-color", "#821122"});
$('h1', '.nav').css({"color", '#821122'});

我是这样做的:

$('.over, #thispage').css("background-color", "#821122");
$('h1, .nav').css("color", '#821122');

所以，如果你想要多个选择器，只需添加逗号，不要做两个不同的参数。

然后，css()。作为参数，您可以指定 key, value，我这样做了，也可以指定一个对象，这是您尝试做的，但正确的语法是:

$('h1, .nav').css({"color": '#821122'});

对于多个规则:

$('h1, .nav').css({"color": '#821122', "background-color": "#821122"});

在这里查看它的工作情况:http://jsfiddle.net/8X7ZE/2/