jquery - 我不明白这个 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您正在从 ID 为 的元素内的按钮中删除 的类switcher。然后将该类添加回当前单击的按钮，该按钮由this