2013-04-22 93 views
0

我有这样的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”... 如果我错了,谁是“这个......”?

+0

这是指当前点击的'button' ..因此他们从'#switcher'下的所有'buttons'中删除类,只将它应用到当前点击的按钮 – 2013-04-22 20:59:39

回答

3

代表this涉及您点击的特定按钮。所以第一行删除了所有的类,然后下一个类将该类添加到您单击的单个按钮上。

0

您正在从位于元素ID为switcher的元素中的按钮中移除selected类。然后该课程被添加回当前点击的按钮,该按钮由this