jQueryを使った動的スタイル変更—要素の表示・非表示とクラス操作 - abe-tatsuya.com

ボタンクリックに合わせて、特定要素のスタイルを変更したい時に便利なjQueryの使い方を紹介します。文字色や背景色の変更から、要素の表示・非表示の切り替え、さらにクラスの追加・削除まで、柔軟にデザインを操作する方法を解説します。 ボタンクリックに合わせて、特定要素の背景色や文字色を変えたりというインターフェイスを実現するには、jQuery を使うのが手っ取り早いですね。 // div要素の文字色を変更 $("div").css("color","#9932cc"); 上記のように、変更したいスタイルのプロパティと値をカンマ区切りで指定します。 複数のスタイルを一気にしたいする場合は、以下のようにさらにカンマ区切りで続ければ良いです。 // div要素の文字色と背景色の変更 $("div").css("color","#9932cc", "background-color", "#00000

[nyoro88]

スタイルを切り替える方法