Jquery 切换两个更改字体大小的按钮

我有两个按钮，每个按钮都可以改变字体大小。 我想制作切换按钮。 这就是我到目前为止在这里尝试的 []

html{字体大小：13px；}
html.big{字体大小：18px；}
html.default{字体大小：13px；}




text

$（函数（）{
$（'.font_resize'）。在（'单击'，函数（）上）{
$（'html'）
.attr（'类'，''）
.addClass（$（this.data（'size'））；
}); 
});

您可以使用

文本

切换按钮。您还可以在两个类之间切换，如下所示

$（函数（）{
$（'.font_resize'）。在（'单击'，函数（）上）{
$（this）.text（函数（i，text）{
返回文本==“更大”？“默认值”：“更大”；
})
$（'html'）.toggleClass（“小-大”）；
});
});
html{
字体大小：13px；
}
html.big{
字号：18px；
}
html.default{
字体大小：13px；
}




textText
如果只有一个按钮，那么可以使用Jquery
toggleClass
来执行此操作，如下所示：

$(function() { 
  $('.font_resize').on('click', function() {
    $('html')
      .attr('class', '')
      .toggleClass('big', !$('html').has('big'));
  }); 
});

这将在
'big'
和
'nothing'
之间切换类（这将是默认设置）。
问题是什么，您的代码似乎工作正常。
$(function() { 
  $('.font_resize').on('click', function() {
    $('html')
      .attr('class', '')
      .toggleClass('big', !$('html').has('big'));
  }); 
});