How to call more than one class from a JQuery function?

Question

I am trying to modify html's style when one of several classes is clicked on by .click() function, but I would like not to write one function for each class. Is there any way to put every class as selectors in the same function? And if there is, how would be the sintax?

Here is the piece of my code:

$(".back").click(function(){
        console.log("widget closed");
        if( !$("body").hasClass('widget-opened')){
            $("html").css("overflow-y","auto");
        }
});

In addition to .back, it would be nice to call two more classes (.laptop and .close)

`$('.back, .laptop, .close')` https://api.jquery.com/multiple-selector/ — Rory McCrossan, Jun 07 '17 at 13:20

score 0 · Answer 1 · answered Jun 07 '17 at 13:20

0

simply use comma separated list:

$(".back, .laptop, .close").click(function(){
    console.log("widget closed");
    if( !$("body").hasClass('widget-opened')){
        $("html").css("overflow-y","auto");
    }
});

answered Jun 07 '17 at 13:20

tech2017

1,806
1
13
15

score 0 · Accepted Answer · answered Jun 07 '17 at 13:20

0

Separate multiple selectors with a comma like below, to form a Multiple Selector

$(".back, .laptop, .close").click(function(){

answered Jun 07 '17 at 13:20

MrCode

63,975
10
90
112

How to call more than one class from a JQuery function?

2 Answers2