Question

I set these up at the beginning of the script:

var grid = $('#grid');
var lines = $('#lines');
var background = $('#background');

Elsewhere in the script, I need to change the CSS for all 3 elements at the same time. Rather than doing this:

grid.css({...
lines.css({...
background.css({...

I want to do something like one of these:

$(grid, lines, background).css({...
$([grid, lines, background]).css({...

However, the only thing that seems to work is by referencing the IDs directly, like this:

$('#grid, #lines, #background').css({

I’d prefer to use references to the elements instead of the IDs directly, as they may change dynamically. Is this possible?

Answer 1

Use .add():

grid.add(lines).add(background).css({...});

Demo: http://jsfiddle.net/mattball/xj5bb/