降低代码触发类

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"); 
});