jQuery方法无法按预期工作 - toggleClass

Question

有谁知道为什么以下jQuery代码无法按预期工作？

HTML：

<div id="languageContainer">
    <div class="headerButton"></div>
</div>

CSS：

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

jQuery的：

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

我使用Firebug观察了DOM，并将该类附加到父元素，但样式不会更改。当我在内联添加样式代码时它起作用，所以我确信它不是CSS的问题。

提前感谢您的帮助。

Answer 1

这是因为点（.） - toggleClass()接受类名，而不是选择器。

尝试：

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

jsFiddle