How to use multiple jquery object variables as selectors?

Question

In jQuery, selecting more than one element can be done like this:

$(\"#id1,#id2\").show();

But when I have two jQuery objects, I don\'t see

Answer 1

You can use add :

jqId1.add(jqId2).show();

But don't make your code too complex just to avoid querying "#id1,#id2" : this selector relies on getElementById and is very fast.

Answer 2

I know this sound a little stupid, but you can also try like this.

$([
    jqId1.get(0),
    jqId2.get(0),
    jqId3.get(0),
    ... // more jQuery elements
]).show();

Answer 3

You can use each cycle:

$([jqId1, jqId2]).each( function(){
    $(this).show();
});

As answered here: Select multiple jQuery objects with .add()