Warum funktioniert meine jQuery-CSS-Änderung nicht?

CSS mit jQuery ändern

Bei dem Versuch, CSS-Elemente mit jQuery zu ändern, scheint dem bereitgestellten Code ein entscheidendes Element zu fehlen. Die jQuery-API gibt an, dass CSS-Eigenschaften sowohl in Anführungszeichen als auch in Notationen ohne Anführungszeichen angegeben werden können.

Bei näherer Betrachtung des Codes liegt das Problem in einer fehlenden schließenden geschweiften Klammer. Die Zeile:

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

sollte eine zusätzliche geschweifte Klammer haben, um das Objektliteral zu schließen:

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

Mit dieser Korrektur verhält sich der Code wie beabsichtigt und ändert die Stile der HTML-Elemente :

<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");
}

Das obige ist der detaillierte Inhalt vonWarum funktioniert meine jQuery-CSS-Änderung nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!