先获取字体大小，进行处理。

再将修改的值保存。

slice() 方法可从已有的数组中返回选定的元素。

arrayObject.slice(start,end)。

start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

end   可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

jQuery代码如下：

$(function(){

$("span").click(function(){

//获取para的字体大小

var thisEle = $("#para").css("font-size");

//parseFloat的第二个参数表示转化的进制，10就表示转为10进制

var textFontSize = parseFloat(thisEle , 10);

//javascript自带方法

var unit = thisEle.slice(-2); //获取单位

var cName = $(this).attr("class");

if(cName == "bigger"){

textFontSize += 2;

}else if(cName == "smaller"){

textFontSize -= 2;

}

//设置para的字体大小

$("#para").css("font-size",  textFontSize + unit );

});

});

html代码如下：