我不明白这个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');

我认为他们正在做同样的事情。因为＆＃34;这个＆＃34;对我来说是＆＃34; #switcher按钮＆＃34; ... 如果我错了，谁是＆＃34;这......＆＃34;？

Answer 1

this指的是您点击的特定按钮。因此第一行删除了所有类的类，然后下一行将类添加到您单击的单个按钮。

Answer 2

您要从ID为selected的元素中的按钮中删除switcher类。然后将该类添加回当前单击的按钮，该按钮由this

表示