Javascript jQuery方法未按预期工作-toggleClass

有人知道为什么下面的jQuery代码不能按预期工作吗

HTML:

jQuery：

$(".headerButton").click(function()
{
    $(this).parent().toggleClass(".headerButtonClicked");
});

我使用Firebug观察DOM，并将该类附加到父元素，但样式没有改变。当我内联添加样式代码时，它起了作用，因此我确信问题不在于CSS

提前感谢您的帮助。

这是因为点的缘故。-toggleClass接受类名，而不是选择器

尝试：

.headerButtonClicked
{
background-image:url('background.jpg');
background-repeat:repeat-x;
color:#000000;
}

$(".headerButton").click(function()
{
    $(this).parent().toggleClass(".headerButtonClicked");
});

$(".headerButton").click(function()
{
    $(this).parent().toggleClass("headerButtonClicked");
});