Question

请告诉我如何在单击时添加活动类，在未单击时如何删除活动类（活动）。

请检查我的代码，并告诉我该怎么做

我这样做了，但是什么也没做。

   jQuery(function(){
     jQuery('#showall').click(function(){
           jQuery('#faq1').show();
    });
    jQuery('.showSingle').click(function(){
          jQuery('.targetDiv').hide().removeclass('active');


          jQuery('#faq'+jQuery(this).attr('target')).show().addClass( 'active' );

  });

Answer 1

$("p").click(function(e){
$("p").removeClass("active");
$(this).addClass("active");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<p>Link 1</p>
<p>Link 2</p>

Answer 2

请勿使用show() hide()方法。

添加到CSS：

.yourTargetElementsSelector { display: none; }
.yourTargetElementsSelector.active { display: block; }

因此，当您添加.active类时，将显示该元素，否则将其隐藏。

Answer 3

HTML和脚本

<img src="path/img.png" id="IdForImage"/>

var addActive = document.getElementById("IdForImage"); addActive.classList.add('active'); addActive.classList.remove('active');

如何在div显示时添加类（活动），隐藏时如何删除类（活动）

3 个答案: