Javascript 添加类后将其删除

我想删除在用户单击div之后添加的类

我的意思是，单击div之后，我希望删除该类

jQuery有一个可以使用的toggleClass函数

在您的示例中，当您单击该部分时，背景颜色将切换以便于观察

.点击{ 背景颜色：红色 } 这是一种回应 $document.readyfunction{ $'.section'。单击函数E{ e、 防止违约； var$responsiveDiv=$'.response'； $responsiveDiv.toggleClass'clicked'； }; };

---

您需要使用setTimeout延迟删除

  <script>
    $(document).ready(function() {
    $('.section').click(function(e) {
      e.preventDefault();
      var $responsiveDiv = $('.response')
      $responsiveDiv.addClass('clicked');

      setTimeout(function() {
        $responsiveDiv.removeClass('clicked');
      }, 1000); 

      setTimeout(function() {
        window.location.assign($a.attr('href'));
      }, 6700); 
    
    }); 

  });
  </script>

您可以为此使用函数toggleClass

$document.readyfunction{ $'.section'。单击函数E{ e、 防止违约； 变量$responsiveDiv=$'.response' $responsiveDiv.toggleClass'clicked'；//切换类而不是添加 setTimeoutfunction{ window.location.assign$a.attr'href'； }, 6700; }; }; 使用javascript，您可以使用.classList.removefoo

阅读更多关于

函数addClassThenRemove{ //抓取h1元件 设h1Element=document.querySelector'h1' //将类添加到元素中 h1Element.classList.add'new' setTimeoutfunction{ //2秒后移除新类 h1Element.classList.删除“新建” }, 2000 } .新的{ 颜色：蓝色； } 你好，世界 点击我！ 在使用jQuery时删除类名的一种方法是.removeClass 参考文献

我更喜欢的另一种方式是切换类名。这里有一个参考资料 jQuery： 香草Javascript：

最后但并非最不重要的一点是，最简单的方法是将className设置为none。以JavaScript为例 document.querySelector'.clicked'.className=

  <script>
    $(document).ready(function() {
    $('.section').click(function(e) {
      e.preventDefault();
      var $responsiveDiv = $('.response')
      $responsiveDiv.addClass('clicked');

      setTimeout(function() {
        $responsiveDiv.removeClass('clicked');
      }, 1000); 

      setTimeout(function() {
        window.location.assign($a.attr('href'));
      }, 6700); 
    
    }); 

  });
  </script>