Jquery on click函数将类添加到特定div

我有html代码

<div class="mobile"></div>
    <ul id="nav">
        <li><a href="index.php">Home</a></li>
        <li><a href="about.php">About</a></li>
        <li><a href="work.php">Work</a></li>
        <li><a href="contact.php">Contact</a></li>
    </ul>
</div>

当我第一次点击js添加我想要的类时； 但当我再次单击时，它什么也不做，它应该删除该类，但它不起作用。 我该怎么做

有人知道这个问题的答案吗？

使用

toggleClass（）

：

---

虽然我不清楚您是否希望

可见

类或

选定

类。

您在代码中所做的是每次单击时删除并添加类。因此，它在第一次单击后保持添加状态。您可以这样做以获得所需的行为：

$(document).ready(function() {
    $('.mobile').click(function(){
        $('#nav').toggleClass('selected');
    });
});

你到底想要什么。 如果您想添加该类，单击多次后，该类将被添加。 如果您希望在未添加类的情况下进行添加，如果每次单击都已添加类，则删除，那么下面的代码应该可以工作

$('.mobile').click(function() {
   $('#nav').toggleClass('selected');
});

请注意：

jQuery（'#nav'）.removeClass（'selected'）

缺少一个

在行尾。
jQuery(document).ready(function() {
    jQuery('.mobile').click(function(){
         jQuery('#nav').toggleClass('selected');
    });
});

$(document).ready(function() {
    $('.mobile').click(function(){
        $('#nav').toggleClass('selected');
    });
});

$('.mobile').click(function() {
   $('#nav').toggleClass('selected');
});