ywork2020.com

Title

シーエスエスメソッドを使えば、HTML要素のデザインを設定できる

cssメソッドの概要

このメソッドは、指定したセレクターに該当する要素のスタイルを設定できるメソッドです。

実機サンプルとサンプルコード

各ボタンをクリックするとコード内容がデザインサンプルに反映されます。
$("#idAnswer").css("color","red");

id="idAnswer"
デザインサンプル

$("#idAnswer").css({"color":"white","background-color":"blue"});

サンプルコードの要点

  1. $(セレクタ名).css("プロパティ名","設定値"); //デザインプロパティを1つだけ変更する
  2. $(セレクタ名).css({"プロパティ名":"設定値","プロパティ名":"設定値"}); //デザインプロパティを複数まとめて変更する