jQueryでCSSの値を動的に指定する方法

質問

自分なりに調べてみたのですが、理解不能なのでご教授お願いします。

$("#hoge").css("color","red");

↑このように指定するとID"hoge"の文字色が赤になる、というCSSのアレンジで、
"red"の部分を動的に指定したいのですが、どのような指定をすれば実現するのでしょうか。

$(document).ready(function() {
var test = "red";
$("#hoge").css("color",$test);
});
↑こういう書き方じゃ動きませんでした…。

こちらの質問が似ていたのでマネしてみたのですが、
私が希望する「CSSの値を動的に」はできませんでした。

jqueryのcssを動的指定する方法
http://okwave.jp/qa4268190.html

.css()を使わなくても、結果的に同じ動作になる方法ってないものでしょうか？
アドバイスを頂けたら助かります。
宜しくお願いいたします。

回答No.1

askaaska · ベストアンサー

＄が１個邪魔よ。

お礼

この度は本当にありがとうございました～

補足

！！！

凡ミスでした…。すみません、。

$(document).ready(function() {
var test = "red";
$("#hoge").css("color",test);
});

こちらで動きましたm(_ _)m
ログ汚しですみませんでした！ありがとうございます！