Applying CSS through jQuery to several selectors simultaneously

Question

is it possible to assign CSS styles through jQ to several selectors in one statement like it can be done through pure CSS?

var foo = $('#thisEl');
var boo = $('#thatEl');

[foo and boo].css({
...CSS here
});

Yes. Basically any selector you can use in CSS you can also use as a jQuery selector. — Jason
– Jason, Commented Nov 23, 2013 at 3:46

Arun P Johny · Accepted Answer · 2013-11-23 03:43:12Z

2

$('#thisEl, #thatEl').css({
...CSS here
});

or if you have references to jQuery wrapper object only then use .add() to create a new combined jQuery wrapper

var foo = $('#thisEl');
var boo = $('#thatEl');

foo.add(boo).css({
...CSS here
});

answered Nov 23, 2013 at 3:43

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

btw, would foo.add(boo).add(goo).css({... work if you want 3 or more elements?