jQuery: if文によるcss判定
こんにちは、
<p style="color:red;">テスト</p>
$(function(){
$("p").click(function(){
if($(this).css("color")=="red"){
$(this).css("color", "blue");
}else{
$(this).css("color", "red");
}
});
});
以上のように、文字色が赤だった場合には青に、赤以外であった場合は赤に、というif文を記述しても機能しませんでした。=="red" の部分を !="red" とすると、文字色が変化するので、デフォルトの文字色が赤と判定されていないようです。色指定を16進数やrgb形式にしても結果は同じでした。p要素をクラスによる色指定(.red { color:red })に変更し、hasClass による条件分岐にした場合は、問題なく機能します。どうして上記が動作しないのか、どなたか教えて頂けませんか。よろしくお願いします。
補足
スタイルシート、JAVAを使用しない方法でお聞きしたいです。