如何使用jquery增加字体大小?

How can I increase the font size using jquery?

本文关键字：字体 增加 何使用 jquery      更新时间：2023-09-26

我正在尝试:

    $('a[data-text="size-bigger"]').click(function ()
      {
        a=$('span');
        b=$('span').css('font-size');
        a.css('font-size', b+1);
      }
    );

我让它工作得很好，只是直接设置大小。现在我试图使它相对于之前的大小，即。"zoomable" -点击链接，跨度会增大，但是没有效果，这是什么问题呢?

试试这个:

$('a[data-text="size-bigger"]').click(function(){
        a=$('span');
        b=parseInt($('span').css('font-size'));
        b=b + 1 + "px";
        a.css({'font-size':b});
});

$('span').css('font-size')将给你一个字符串(例如12px)。如果你想增加数字，你需要用parseInt()从字符串中提取数字。parseInt('12px')会给你12，你可以增加它(13)，在你添加px之后，你可以设置font-size为你刚增加的数字。

您可以使用parseInt来获取font-size属性的Integervalue:

$('a[data-text="size-bigger"]').click(function(){
    a = $('span');
    var fontSize = $('span').css('font-size').val();
    var newFontSize = parseInt(fontSize.replace('px','')) + 1 + 'px';
    a.css({'font-size':newFontSize});
});

我不确定你是否必须用''替换px或em，或者没有这个就可以工作。试试吧;)

相关文章：