Question

我是js的新人，说实话，我们刚开始在学校学习js。我想要做的是，一旦我点击它，它将被重置并再次删除该课程。＆＃34; myClass显示无＆＃34;

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

Answer 1

您可以使用toggleclass

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

Answer 2

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

另一种方法 - 由于唯一的效果是隐藏元素 - 只是.toggle（），它可以在不使用添加的类的情况下切换显示状态。以下代码段显示了这两种方法。

＆＃13;

$(function() {
  $("#toggleButton").click(function() {
     $(".parela").toggleClass('myClass');
   });
        
  $("#toggleButton2").click(function() {
      $(".parela2").toggle();
   });
 });

＆＃13;

.myClass{display:none}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Using .toggleClass('myClass')</p>
<button type="button" id="toggleButton">clickMe</button>

<span class="parela"> Visible</span>
<hr/>
<p>Using just .toggle()</p>
<button type="button" id="toggleButton2">clickMe</button>

<span class="parela2"> Visible</span>

＆＃13;

Answer 3

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

div (named=status bar)

Answer 4

你可以使用某种标志＆＃39;变量来控制状态。您可以根据需要为其命名，并使if语句相应地做出决定。

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

单击后重置功能

4 个答案: