2009-08-03 21 views

答えて

38

練習はあなたのケースでは、ロジックからUIを区切ることですベター:

$("#textboxid").addClass("aClass"); 

あなたが本当にそれあなたの方法が必要な場合は、次の操作を行います

$("#textboxid").css({"background-color": "color"}); 

#textboxidを交換してください希望のセレクター、および希望する色の色を選択します。次

注1つのプロパティに対して同じ処理を行います。あなたのjsに入力ではなく、ハードコーディングスタイルにクラス名を追加する

$("#textboxid").css("background-color", "color"); 
+1

不要の​​ためを参照してください。 jsでハードコードされたプレゼンテーション。スタイルにはCSS、動作にはjsを使用します。 – redsquare

10
$('#txtBoxID').css('background-color', '#ffff00'); 
8

良いです。 プレゼンテーションスタイルはcss not jsに存在する必要があります。

$('#inputId').addClass('someCssClass'); 
+0

それはあなたが今やっていることです。私はあなたがbackgroundRedではなくセマンティッククラスを追加すべきだと言っていますが、私はそれを反パターンとして見ています。そして、ここのコードはUIコードです。 – Dykam

+0

それはちょうどサンプルだった....もちろん、各色のクラスを持つべきではありません。 geee – redsquare

+0

あなたはまだjsにスタイルをハードコードするべきではありません。彼は国境を必要とするときに何が起こり、次に別のフォントが発生します。 Jの醜い混乱に終わりなさい。 – redsquare

0

さらに、jQueryを使用しないでください。私はあなたが焦点にまたはブラーにこれを実行するとしますので、あなたが行うことができます。

#textboxid {background-color:defaultcolor;} 
#textboxid:focus {background-color:selectedcolor;} 
関連する問題