首頁 >web前端 >css教學 >為什麼我的 jQuery CSS 修改不起作用?

為什麼我的 jQuery CSS 修改不起作用?

Susan Sarandon
Susan Sarandon原創
2024-12-05 20:37:14809瀏覽

Why Isn't My jQuery CSS Modification Working?

使用 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn