フォントの色をタイムリーに動的に変更する JQuery の方法_jquery

この記事の例では、JQuery が適切なタイミングでフォントの色を動的に変更する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

JQuery は、フォントの色をタイムリーに動的に変更します。Ajax の効果と同様です。テキスト ボックスにテキストを入力し、カラー ブロックを選択すると、入力されたテキストがその色でマークされた色の値に変わります。ブロックとしては非常に良い効果です。動作に誤りがある場合はページを更新して下さい。

コードをコピー コードは次のとおりです:

<頭>




<スクリプトタイプ="text/javascript">
$(関数(){
    $("#inputText").keyup(function(){
        $("#previewer").empty();
        $("#previewer").text($(this).attr("value"));
    });
});
$(関数(){
    $("#colorselections a").click(function(){
        $(this).addClass("on").siblings().removeClass("on");
        $("#previewer").css("color",$(this).css("background-color"))
    });
});

请输入文字

请选择颜色

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。