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