Change css of multiple elements

Question

I just want to know if instead of

$(".element1").css('background','#000');
$(".element2").css('background','#000');

It is possible to concatinate multiple elements to have them affected by one command or if there is a more efficient way like so:

$(".element1",".element2").css('background','#000');

stackoverflow.com/questions/1836527/… stackoverflow.com/questions/2142637/… stackoverflow.com/questions/2306279/… stackoverflow.com/questions/2106353/… and loads more — Lightness Races in Orbit
– Lightness Races in Orbit, Commented Jan 4, 2012 at 3:36
I was under pressure and did a quick search. I did not find what I was looking for, so I made the mistake of not checking the documentation. I apologize for the redundant question. — Scarface
– Scarface, Commented Jan 7, 2012 at 15:58

Lightness Races in Orbit · Accepted Answer · 2012-01-04 03:33:09Z

26

CSS selectors have always supported unions:

$(".element1, .element2").css('background','#000');

You can also add to the jQuery element set yourself:

$(".element1").add(".element2").css('background','#000');

All you needed was a cursory glance at the documentation.

answered Jan 4, 2012 at 3:33

387k77 gold badges670 silver badges1.1k bronze badges

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

Comments

Shyju · Accepted Answer · 2012-01-04 03:33:06Z

3

$(".element1,.element2").css('background','#000'); will do

answered Jan 4, 2012 at 3:33

Shyju

220k106 gold badges420 silver badges499 bronze badges