减少代码触发 class

Question

我想切换类。编写了代码，但需要减少此代码的数量并使其更加通用。你能告诉我怎么做吗？

$('.js_lightSpeedIn').click(function(){
    $('.js_pro-accordion-menu').removeClass("js_zoomIn js_fadeInLeft").addClass("js_lightSpeedIn");
});

$('.js_zoomIn').click(function(){
    $('.js_pro-accordion-menu').removeClass("js_lightSpeedIn js_fadeInLeft").addClass("js_zoomIn");
});

$('.js_fadeInLeft').click(function(){
    $('.js_pro-accordion-menu').removeClass("js_lightSpeedIn js_zoomIn").addClass("js_fadeInLeft");
});

Answer 1

最好的办法就是使用变量，让代码更体面。一个selector重复3次，设为变量

a=$('.js_pro-accordion-menu');
$('.js_lightSpeedIn').click(function(){
    a.removeClass("js_zoomIn js_fadeInLeft").addClass("js_lightSpeedIn");
});

$('.js_zoomIn').click(function(){
    a.removeClass("js_lightSpeedIn js_fadeInLeft").addClass("js_zoomIn");
});

$('.js_fadeInLeft').click(function(){
   a.removeClass("js_lightSpeedIn js_zoomIn").addClass("js_fadeInLeft");
});

减少代码触发 class

Reduce code trigger class

jquery

triggers