How can I make a disjunction of element selectors using jQuery?

Question

I need something like this:

$('element1 or element2').mouseover(function()
{
   $('element3').show(effects,blah);
});

Hope I just missed this opportunity in jQuery docs.

Answer 1

Just use a comma to separate the selectors:

$('element1, element2').mouseover(function()
{
   $('element3').show(effects,blah);
});

Comma is CSS syntax for selector grouping .

Answer 2

You can do this with a comma in the selector , or you can use add.

$('element1, element2').mouseover(...);
$('element1').add('element2').mouseover(...);

Answer 3

Of course, just as you can specify it in CSS, just use a comma separated list:

$('.element1, .element2').mouseover(function() { 
    $('element3').show(effects,blah); 
});