为什么我的 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中文网其他相关文章！