為什麼我的 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中文網其他相關文章！