时间戳

首页 > 解决方案 > 添加后删除类

javascript - 添加后删除类

问题描述

我想删除在用户单击 div 后立即添加的类。

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

https://codepen.io/jinzagon/pen/XWdVbgo

  <script>
    $(document).ready(function() {
    $('.section').click(function(e) {
      e.preventDefault();
      var $responsiveDiv = $('.response')
       $responsiveDiv.addClass('clicked');
       setTimeout(function() {
        window.location.assign($a.attr('href'));
     }, 6700); 
    
    }); 

  });
  </script>

标签： javascripthtmljquerycss

解决方案

jQuery 有一个toggleClass你可以使用的函数。关联

这是您的示例 - 当您单击该部分时，背景颜色将切换（以便于观察）。

.clicked {
  background-color: red
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="section">
    <div class="response">
        This is a response
    </div>
</div>

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

推荐阅读