How to hide elements defined as variables?

Question

I have two variables defined as:

var div1 = $("#div1");

var div2 = $("#div2");

I know that I can use $("#div1, #div2").hide() to hide both div

But is there a way I can hide them through defined variables like (div1, div2).hide()?

Answer 1

You can use the add() method to add other elements to existing selector:

div1.add(div2).hide()

Answer 2

You could use .add() method:

div1.add(div2).hide();