jQueryを使ってCSSを変更するには?

Question

jQuery初心者なので、質問させてください。
jQueryを使って以下のコードでCSSを変更しようと考えています。

$(function() {
$("#button").click(function(){
$("p").css("backgroundColor", "blue");
$("#name").css("backgroundColor":"red","color":"white");
$(".messagi").css("border", "1px solid yellow");
});
});

間違っているところはありませんか?
回答よろしくお願いします。

Answer 1

$("#name").css({"backgroundColor":"red","color":"white");

**上記のコードは配列ですので波括弧を追加してみてください。**下記のようになると思います。

$(function() {
$("#button").click(function(){
$("p").css("backgroundColor", "blue");
$("#name").css({"backgroundColor":"red","color":"white"});
$(".messagi").css("border", "1px solid yellow");
});
});