jquery切换类配合css悬停效果

我不熟悉jquery，并试图理解toggleClass函数。我自己也试了几次，读了一些文章，但效果还是没有出现

html:

javascript:

$(document).ready(function () {
$("a#a, a#b, a#c, a#d, a#e").on("click", function () {
    $(this).toggleClass("active");
});
});

我也做了一个决定。我的代码怎么了

---

致以最诚挚的问候

这是因为您的

：访问的

覆盖了您的

$。toggleClass

，您应该这样做：

CSS

---

看看这个..

哦！谢谢只有一个小问题，单击时如何突出显示当前链接？突出显示是什么意思？请具体说明。很高兴我能帮忙。我修改了我的[Fiddle][1]，并使用了addclass和removeclass。toggleclass无法通过…我认为toggleclass基本上是添加或删除组合。。。？如何使用toggleclass？[1] ：嗯。。好吧，从你的小提琴你需要改变addclass和removeclass到toggleclass。Toggle将添加该类（如果没有），否则将删除该类。

#lists {
list-style-type: none;
}
#lists > li {
display: inline;
}
a:link, a:visited {
padding: 10px 20px;
text-decoration: none;
color: black;
background-color: red;
border: 4px solid white;
}
a:hover {
color: white;
}
.active {
background-color: green;
}

$(document).ready(function () {
$("a#a, a#b, a#c, a#d, a#e").on("click", function () {
    $(this).toggleClass("active");
});
});

a {
    padding: 10px 20px;
    text-decoration: none;
    color: black;
    background-color: red;
    border: 4px solid white;
}