我不明白這jQuery代碼

我有這樣的jQuery代碼：我不明白這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');

我認爲他們正在做同樣的事情。因爲「this」對我來說就是「#switcher button」... 如果我錯了，誰是「這個......」？

來源

2013-04-22 Ze Carioca Silva

這是指當前點擊的'button' ..因此他們從'＃switcher'下的所有'buttons'中刪除類，只將它應用到當前點擊的按鈕 – 2013-04-22 20:59:39

代表this涉及您點擊的特定按鈕。所以第一行刪除了所有的類，然後下一個類將該類添加到您單擊的單個按鈕上。

來源

2013-04-22 21:00:14

您正在從位於元素ID爲switcher的元素中的按鈕中移除selected類。然後該課程被添加回當前點擊的按鈕，該按鈕由this

來源

2013-04-22 20:59:29

我不明白這jQuery代碼

回答

相關問題