Я не понимаю этого Jquery код

Question

У меня есть этот JQuery код:

$('#switcher button').click(function (event) { 
    var bodyClass = this.id.split('-')[1]; 
    $('body').removeClass().addClass(bodyClass); 
    $('#switcher button').removeClass('selected'); 
    $(this).addClass('selected'); 
    event.stopPropagation(); 
}); 

То, что я не понимаю, строки:

$('#switcher button').removeClass('selected'); 
$(this).addClass('selected'); 

Я думаю, что они делают то же самое. Потому что «это» для меня - кнопка «#switcher» ... Если я ошибаюсь, кто такой «это ...»?

Answer 1

this относится к конкретной нажатой вами кнопке. Таким образом, первая строка удаляет класс для всех из них, а затем следующий добавляет класс к отдельной нажатой вами кнопке.

Answer 2

Вы удаляете класс selected с кнопки, которая находится внутри элемента с идентификатором switcher. Затем класс добавляется обратно к нажатой на данный момент кнопке, которая представлена ​​this