-2

私は Web デザインを始めたばかりで、次の jQuery コードを理解するのに苦労しています。

私の index.html ページには、小さい方と大きい方の 2 つのリンクがあります。

function change_size(element,size){
    var current = parseInt(element.css('font-size'));
    if(size =='smaller'){
        var new_size = current - 2;
    } else if (size=='bigger'){
        var new_size = current + 2;
    }

    element.css('font-size', new_size + 'px');
}

$('#smaller').click(function(){
    change_size($('p') 'Smaller'); /// function call 
});
$('#bigger').click(function(){
    change_size($('p') 'bigger');
});

element.css()最初の関数の最後の行に「px」を追加font-sizeして追加しますか?new_size

4

2 に答える 2

1

コードは、change_size1 つ以上の jQuery オブジェクト (この場合は に一致するもの) を受け取る関数を作成し、関数に$('p')渡される文字列 ( または のいずれSmallerかbigger) に応じてフォント サイズを変更します。この機能は、要素$('#smaller')またはのいずれかをクリックするとトリガーされます$('#bigger')。またparseInt()、文字列引数を解析して整数を返すこともできます。詳細については MDN を参照してください。

最後に、関数は次のように最適化できます。

function change_size(element,size){
    var dif;
    if(size =='smaller'){
        dif = -2;
    } else if (size=='bigger'){
        dif = 2;
    }
    element.css('font-size','+='+dif);
}
于 2013-07-03T16:03:08.050 に答える