如何修复未应用样式的 jQuery CSS 修改代码？-css教程-PHP中文网

如何修复未应用样式的 jQuery CSS 修改代码？

Linda Hamilton

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

原创

720 人浏览过

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

登录后复制

但是，您遇到了错误，并且 CSS 更改未应用。要解决此问题，请检查以下详细信息：

缺少花括号： 仔细检查代码是否缺少花括号。在为 #myParagraph 设置 CSS 属性的行中，缺少右大括号。将其更正为：

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

登录后复制

正确的属性语法： 确保您使用的 CSS 属性名称书写正确。在 jQuery 中，您可以对 CSS 属性使用驼峰命名法或短横线命名法语法。但是，在您的代码中，backgroundColor 属性以驼峰命名法编写，而 color 属性以短横线命名法编写。为了保持一致性，建议在整个代码中使用驼峰式语法。

通过这些更正，您的代码现在应该按预期工作，并且指定元素的 CSS 样式也应该相应更改。

以上是如何修复未应用样式的 jQuery CSS 修改代码？的详细内容。更多信息请关注PHP中文网其他相关文章！