web-dev-qa-db-ja.com

jQueryを使用してテキストボックスの背景色を変更する方法

JQueryを使用してテキストボックスの背景色を変更する方法

21
mike

あなたの場合、より良い習慣はロジックからUIを分離することです:

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

あなたが本当にそれをあなたの方法で必要とするならば、それから以下をしてください:

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

置換#textboxid希望のセレクターで、色を希望の色で。

以下は1つのプロパティに対して同じことを行うことに注意してください。

$("#textboxid").css("background-color", "color");
44
Dykam
$('#txtBoxID').css('background-color', '#ffff00');
10
Joe Davis

Jsにスタイルをハードコーディングするよりも、クラス名を入力に追加する方が適切です。プレゼンテーションスタイルは、jsではなくcssに配置する必要があります。

$('#inputId').addClass('someCssClass');
8
redsquare

JQueryは使用しないでください。私はあなたがこれをフォーカスまたはぼかしにしたいと思うので、あなたは次のことができます:

#textboxid {background-color:defaultcolor;}
#textboxid:focus {background-color:selectedcolor;}
0
Andrew