jQueryを用いてCSSの値を変更するコードです。
複数の場合と単発の場合をよく間違うのでメモしてみました。
コード①(プロパティ一つ)
<script>
$(function() {
$( "#sample" ).css( "color" , "#FFFFFF" );
});
</script>
解説
プロパティを一つだけ上書きする方法です。
jQueryの関数[css]に対して引数[プロパティ]と引数[設定値]を
カンマ(,)区切りで指定します。
コード②(プロパティ複数①)
<script>
$(function() {
$( "#sample" ).css( "color" , "#FFFFFF" ).css( "background-color" , "#000000" );
});
</script>
解説
プロパティを複数上書きする方法です。
jQueryの関数[css]に対して引数[プロパティ]と引数[設定値]を
カンマ(,)区切りで指定し、それを繋げます。
※関数[css]で引数[設定値]を指定した場合に帰ってくる値は
変更後の変数[Object]が帰ってきます。
コード②(プロパティ複数②)
<script>
$(function() {
$( "#sample" ).css(
{
"color" : "#FFFFFF",
"background-color" : "#000000"
}
);
});
</script>
解説
プロパティを複数上書きする方法その②です。
jQueryの関数[css]に対して引数[プロパティ]と引数[設定値]を
JSON形式でそれぞれ指定します。