スポンサーリンク
スポンサーリンク

CSSプロパティの設定と値の取得

jQueryで、シンプルにCSSのプロパティの値を設定したり、取得したりできます。CSSを操作するときは、css()命令を使用します。

CSSプロパティの設定

css()を使用してCSSプロパティの値を指定するには、括弧内に「プロパティ名」と「値」を「,」区切り記述します。

実行すると、テキストが青になっているのは確認できます。

上記を実行すると、2番目のpタグ内の文字が文字は赤く、背景は黄色、フォントサイズが20pxになっているのが確認できます。複数のプロパティの値を同時に設定する場合は、css()の括弧内の記述は以下の通りにします。

プロパティ名とプロパティ値は:(コロン)で繋ぎ、値は”(ダブルコーテション)で包みます。CSSは複数のセレクターを指定したときのように,(カンマ)で繋げます。

実行結果はこちらです。

コメント

タイトルとURLをコピーしました