Javascript 一旦你已经点击了重置功能

嗨，我是js新手，老实说，我们刚刚开始在学校学习js。我想做的是，一旦我已经单击它，它将被重置并再次删除该类。“myClass有一个显示无”

---

您希望使用toggleClass（），它将根据单击按钮打开和关闭类。请注意，对于下面的演示，我创建了一个按钮，用于在单击按钮时切换类

另一种方法是使用.toggle（）切换显示状态，而不使用添加的类，因为唯一的效果是隐藏元素。下面的代码段显示了这两种方法

$（函数（）{
$（“#切换按钮”）。单击（函数（）{
$（“.parela”）.toggleClass（'myClass'）；
});
$（“#toggleButton2”）。单击（函数（）{
$（“.parela2”）.toggle（）；
});
});
.myClass{display:none}

使用.toggleClass（'myClass'）

点击我
看得见的

使用just.toggle（）

点击我
可见
您想使用toggleClass（），它将根据单击来打开和关闭类。请注意，对于下面的演示，我创建了一个按钮，用于在单击按钮时切换类

另一种方法是使用.toggle（）切换显示状态，而不使用添加的类，因为唯一的效果是隐藏元素。下面的代码段显示了这两种方法


$（函数（）{
$（“#切换按钮”）。单击（函数（）{
$（“.parela”）.toggleClass（'myClass'）；
});
$（“#toggleButton2”）。单击（函数（）{
$（“.parela2”）.toggle（）；
});
});
.myClass{display:none}

使用.toggleClass（'myClass'）

点击我
看得见的

使用just.toggle（）

点击我
可见
您可以使用

你可以用

使用toggleClass，因此每次单击都会自动添加/删除它

$(function() {
    $("body").click(function() {
        $(".parela").toggleClass('myClass');
    });
});

使用toggleClass，因此每次单击都会自动添加/删除它

$(function() {
    $("body").click(function() {
        $(".parela").toggleClass('myClass');
    });
});

您可以使用某种“flag”变量来控制状态。
你可以给它取任何你想要的名字，然后用if语句做出相应的决定

   $(function() {
        var flag = false;
        $("body").click(function() {
            if(!flag) {
                $(".parela").addClass('myClass'); 
                flag = true;
            } else {
                $(".parela").removeClass('myClass');
                flag = false;
            }
        });
    });

您可以使用某种“flag”变量来控制状态。
你可以给它取任何你想要的名字，然后用if语句做出相应的决定

   $(function() {
        var flag = false;
        $("body").click(function() {
            if(!flag) {
                $(".parela").addClass('myClass'); 
                flag = true;
            } else {
                $(".parela").removeClass('myClass');
                flag = false;
            }
        });
    });

你想切换可见性吗？单击一次，它会显示，再次单击，它会隐藏等？
addClass
=>
toggleClass
？是否要切换可见性？单击一次，它会显示，再次单击，它会隐藏等？
addClass
=>
toggleClass
？大写字母
C
在函数名中很重要（但至少您提供了一个指向文档的链接）@Rhumborl感谢您指出这一点。我已经编辑了answerCapital
C
在函数名中很重要（但至少您提供了指向文档的链接）@Rhumborl感谢您指出这一点。我已经编辑了答案。当您有一个简单的
toggleClass
（以及使用
toggleClass
）的3个不同的向上投票的答案时，为什么还要在if语句中使用所有这些标志呢？有时候您需要的不仅仅是toggleClass。好的，很公平-但是如果你展示了一个更复杂的例子，你也可以考虑演示<代码> HaseCase<代码>来检查它，而不是使用一个标志，因为OP说他们刚刚开始学习JS（无论如何我都会赞成它，因为我同意你所说的）。当你有一个简单的
toggleClass
（以及使用
toggleClass
）的3个不同的向上投票答案时，为什么还要在if语句中使用所有这些标志呢？有时候你需要的不仅仅是toggleClass。OK，很公平-但是如果你展示了一个更复杂的例子，你也可以考虑演示<代码> HaseCys<代码>来检查它，而不是使用一个标志，因为OP说他们刚刚开始学习JS（我无论如何都会赞成它），非常感谢你，最后一个问题是，一旦你点击了链接，就有办法了。“a href=”“>它将单击页面正文？无需担心-关于单击链接-它将引导您到href指示的目的地。你可以把#作为href-但我可能会建议你看看你在点击什么以及为什么要点击它。带a href的链接最好用于导航到不同的页面或同一页面中的定位点。从技术上讲-将位于主体内-因此您可以将其视为单击主体-但您确实需要考虑单击的最佳结构-如果它不导航到其他区域-它可能不是一个元素。非常感谢，最后一个问题是，一旦您单击链接“a href=”是否有任何方法“>它将单击页面主体？无需担心-关于单击链接-它将引导您到href指示的目的地。你可以把#作为href-但我可能会建议你看看你在点击什么以及为什么要点击它。带a href的链接最好用于导航到不同的页面或同一页面中的定位点。从技术上讲-将位于主体内-因此您可以将其视为单击主体-但您确实需要考虑单击的最佳结构-如果它不导航到其他区域-它可能不是一个元素。非常感谢，最后一个问题是，一旦您单击链接“a href=”是否有任何方法“>它将单击页面正文？非常感谢，最后一个问题是，一旦您单击链接“a href=”“>它将单击页面正文吗？