如何修復未套用樣式的 jQuery CSS 修改程式碼？-css教學-PHP中文網

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

Linda Hamilton

發布： 2024-12-04 10:59:10

原創

721 人瀏覽過

How Can I Fix My jQuery CSS Modification Code That's Not Applying Styles?

使用jQuery 更改CSS

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

$(init);

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

登入後複製

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

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

登入後複製

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

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

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