javascript - 如何使用 jquery 增加/减少点击事件的元素字体大小？

Question

我正在为视障人士制作一个网站。我有三个按钮:

1. 增加字体
2. 缩小字体
3. 正常模式

我需要通过单击为 * 类的 font-size 添加 +2 像素。请帮助我如何在 javascript 中实现它。

Answer 1

JQUERY

 size=parseInt($('p').css('font-size'));


    $("#big").on("click",function(){

      size=size+2;
       $("p").css("font-size",size + "px");
    });
    $("#normal").on("click",function(){
      size=14;
       $("p").css("font-size",size + "px");
    });
    $("#small").on("click",function(){
      size=size-2;
       $("p").css("font-size",size+ "px");
    });

HTML

 <p>CLICK ME!</p>
  <button id='big'>BIG</button>
  <button id='normal'>NORMAL</button>
  <button id='small'>SMALL</button>

链接 JSBIN