[原] jQuery实现 修改内联CSS(文字字体的增加和减少)

在接触漂亮的jQuery 之前先来做一个比较简单的 文字字体的增大和减少.用jQuery实现

在线演示:单击此处

代码如下:

文字字体增大:

 $('div.button').click(function(){
    //增大或减小字体
   var $speech=$('div.speech');
   var currentSize=$speech.css('fontSize');
   //alert(currentSize);
   var num=parseFloat(currentSize,10);
   //alert(num);//这是返回的是数字
   var unit=currentSize.slice(-2);
   //alert(unit);//这里反回的是PX..
      if(this.id=='switcher-large'){
       num*=1.5;
    }else if(this.id=='switcher-small'){
       num/=1.5;
    }
  
   $speech.css('fontSize',num+unit);//num+unit就等价于数字+px(例如22px)
   });