FontSizer脚本有更清晰的方法吗？

Question

我使用Jquery-Cookie存储字体大小，并且链接处于活动状态。 一切工作就像我想要的。但我是Jquery的新手，我想问问你们是否有更干净更快捷的方式来做到这一点。

所以活动链接是强调，我也将它存储在cookie中。

<script> 
$(document).ready(function() { 

    $("body").css("font-size", $.cookie('font-size')); 
    var underline = $.cookie('active'); 
    $(underline).addClass('activefontsize'); 

    $(".small").click(function() { 
     $('.activefontsize').removeClass('activefontsize') 
     $(this).addClass('activefontsize') 
     $("body").css("font-size", "11px"); 
     $.cookie('font-size', '11px'); 
     $.cookie('active', '.small'); 
    }); 

    $(".normal").click(function() { 
     $('.activefontsize').removeClass('activefontsize') 
     $(this).addClass('activefontsize') 
     $("body").css("font-size", "12px"); 
     $.cookie('font-size', '12px'); 
     $.cookie('active', '.normal'); 
    }); 

    $(".big").click(function() { 
     $('.activefontsize').removeClass('activefontsize') 
     $(this).addClass('activefontsize') 
     $("body").css("font-size", "13px"); 
     $.cookie('font-size', '13px'); 
     $.cookie('active', '.big'); 
    }); 

}); 
</script> 

Answer 1

更新：

我想这是作为清洁，因为它得到：

$(document).ready(function() { 

    $("body").css("font-size", $.cookie('font-size')); 
    var underline = $.cookie('active'); 
    $(underline).addClass('activefontsize'); 

    $(".small, .normal, .big").click(function() { 
     $('.activefontsize').removeClass('activefontsize') 
     $(this).addClass('activefontsize'); 
     var fontsize=0; 
     var myClass=$(this).attr('class'); 
     switch(myClass){ 
      case 'small': 
       fontsize=11; 
       break; 
      case 'normal': 
       fontsize=12; 
       break; 
      case 'big': 
       fontsize=13; 
       break; 
     } 
     $("body").css("font-size", fontsize+"px"); 
     $.cookie('font-size', fontsize+'px'); 
     $.cookie('active', '.'+myClass); 
    }); 

});