jQueryのフォントサイズの設定方法


フォントサイズを先に取得して処理します。
変更した値を保存します。
slice()方法は、選択された要素を既存の配列から返すことができる。arrayObject.slice。startが必要です。どこから選ぶか決まります。負の数であれば、配列の末尾から計算される位置を規定します。つまり、-1は最後の要素、-2は下から2番目の要素を指して、これを類推します。end   オプション。選択はどこで終了しますか?このパラメータは配列フラグメントの終端における配列の下付きです。このパラメータが指定されていない場合、カットされた配列は、startから配列終了までのすべての要素を含みます。このパラメータが負の場合、配列の末尾から計算される要素を規定しています。
jQueryコードは以下の通りです。

<script type="text/javascript">
    $(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 );
        });
    });
  </script>
.コードは以下の通りです。