How to apply a method to two jQuery variables at once?

Question

JavaScript

The question is, there are two variables

var $name = $('#usrname'),
    $email = $('#email');

Under certain conditions, I need to apply .hide() to them, and I don’t really like the option below:

$name.hide()
$email.hide()

You cannot combine these variables through .add(), or you can, but you need to put it in the third variable, which you don’t want either.
Is it possible to solve such a problem?

Answer 1

Based on your condition, the problem is solved in this way:

[$name,$email].map(function(item) {
     item.hide();
})

Answer 2

In your case - best practice would be $('#usrname, #email').hide()
More info here: https://api.jquery.com/multiple-selector/
Was happy to help :)

Answer 3

I'm not very special, but it won't work like that?

var $form = $('#usrname, #email')
$form.hide()

Answer 4

And to register the same class on the elements and do so?
$(".classname").hide();