如何修復未套用樣式的 jQuery CSS 修改程式碼？

使用jQuery 更改CSS

在給定的程式碼片段中，您嘗試使用jQuery 修改CSS 樣式：

在給定的程式碼片段中，您嘗試使用jQuery 修改CSS 樣式：

$(init);

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

但是，您遇到了錯誤，且CSS 變更未套用。要解決此問題，請檢查以下詳細資訊：
缺少花括號：

仔細檢查程式碼是否缺少花括號。在為 #myParagraph 設定 CSS 屬性的行中，缺少右大括號。將其修正為：

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

正確的屬性語法：

確保您使用的 CSS 屬性名稱書寫正確。在 jQuery 中，您可以對 CSS 屬性使用駝峰命名法或短橫線命名法語法。但是，在您的程式碼中，backgroundColor 屬性以駝峰命名法編寫，而 color 屬性以短橫線命名法編寫。為了保持一致性，建議在整個程式碼中使用駝峰式語法。

透過這些更正，您的程式碼現在應該按預期工作，指定元素的 CSS 樣式也應該相應更改。

以上是如何修復未套用樣式的 jQuery CSS 修改程式碼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！