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 seem to be able to select more than one using the variables themselves. For example:

var jqId1 = $("#id1"); var jqId2 = $("#id2"); $(jqId1).show();       // This works. $(jqId1,jqId2).show(); // This only shows jqId1. 

See jsFiddle: http://jsfiddle.net/jr9Q2/

Is there another way of specifying multiple jq variables as selectors?

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

You can use each cycle:

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

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