减少代码触发器类

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

最好的方法是使用变量使代码更加正常。一个选择器重复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");
});