jQuery CSS の変更が機能しないのはなぜですか?

jQuery を使用した CSS の変更

jQuery を使用して CSS 要素を変更しようとしましたが、提供されたコードには重要な要素が欠けているようです。 jQuery API では、CSS プロパティは引用符付き表記と引用符なし表記の両方を使用して指定できると記載されています。

コードを詳しく調べると、問題は閉じ中括弧が欠落していることにあります。行:

$("#myParagraph").css({"backgroundColor":"black","color":"white");

オブジェクト リテラルを閉じるために追加の中括弧が必要です:

$("#myParagraph").css({ "backgroundColor": "black", "color": "white" });

この修正により、コードは意図したとおりに動作し、HTML 要素のスタイルが変更されます。 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="bordered">
  <h1>Header</h1>
  <p>

$(init);

function init() {
  $("h1").css("backgroundColor", "yellow");
  $("#myParagraph").css({ "backgroundColor": "black", "color": "white" });
  $(".bordered").css("border", "1px solid black");
}

以上がjQuery CSS の変更が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。