jQueryを用いたcssの操作のエラーについて

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

jqueryを使用して、タイマーを作りました。
countが0になったとき、赤い文字で'Time UP!'と表示したのですが、
jqueryを使用してリセットボタンで、この赤くなった文字をデフォルトの黒色に戻す処理が
わかりません。

エラーメッセージ
Uncaught ReferenceError: red is not defined
    at HTMLButtonElement.reset_button (jquery.html:57)
    at HTMLButtonElement.dispatch (jquery-1.11.0.min.js:3)
    at HTMLButtonElement.r.handle (jquery-1.11.0.min.js:3)

該当のソースコード
function reset_button () {
if ($('#time').css('color') === red) {
$('#time').css('color') = black;
}
}
JavaScript ここに言語名を入力
ソースコード


### 試したこと
Jqueryを使用しない場合はこのようにしたいです。
var color = document.getElementById('time');
            color = time.style.color;
            if (color === red) {
                $('#time').css('color') = black;
            }
ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
jqueryは上記のバージョンです。
ここにより詳細な情報を記載してください。

m.ts10806

2018/04/19 05:50

質問テンプレート部分が多く残っています。質問と関係のない部分は削ってください。また、ソースコードがコードブロックで正しく囲われていません。質問編集画面ではリアルタイムでプレビューが表示されますので、そちらのプレビューを見ながら調整してください。

行動規範の内容に同意します

回答2件

''か""で囲わないと変数と解釈されるのは既にでている回答の通り。
あと、jQueryでcssプロパティを設定する場合のやり方は=ではありません。

下記を熟読して基本をおさえてください。
（jQueryが　というよりjavascriptの基本　ですね）

[jQuery]でcssプロパティを動的に追加、変更、削除する

投稿2018/04/19 05:55

編集2018/04/19 05:56

m.ts10806

総合スコア80850

ベストアンサー

redとかblackって、変数になってますもん、そら”無い”って言われますよ。
jQuery使おうが、ネイティブ使おうが、CSSの変更は、最終でぶっこむのは、ほぼほぼ文字列、になります。
（jQueryで、座標とか大きさとかをコントロールする場合は除く）
下記になります。

javascript
1// jQuery
2function reset_button () {
3  if ($('#time').css('color') == 'red') {
4    $('#time').css('color', 'black');
5  } 
6}

javascript
1function reset_button () {
2  var colorElm = document.getElementById('time');
3  if (colorElm.style.color == 'red') {
4    colorElm.style.color = 'black';
5  }
6}

投稿2018/04/19 05:47

編集2018/04/19 05:55

miyabi_pudding

総合スコア9528

loblur

2018/04/19 05:53

回答ありがとうございます。おっしゃる通り、文字列に変更しました ``` jquery.html:55 Uncaught ReferenceError: Invalid left-hand side in assignment at HTMLButtonElement.reset_button (jquery.html:55) at HTMLButtonElement.dispatch (jquery-1.11.0.min.js:3) at HTMLButtonElement.r.handle (jquery-1.11.0.min.js:3) reset_button @ jquery.html:55 dispatch @ jquery-1.11.0.min.js:3 r.handle @ jquery-1.11.0.min.js:3 ``` このようなエラーがでて、動作しないままです。

m.ts10806

2018/04/19 05:53

それでは動かないですよ。 $('#time').css('color') = 'black'; ↓ $('#time').css('color','black');