javascript - JQuery .attr 标签不工作

我不明白为什么 .attr() 不会将 div“轮廓”的背景颜色更改为红色。

HTML 代码:

<div id="outline"></div>

CSS 代码:

#outline {
height: 300px;
width: 300px;
background-color: black;
}

JavaScript (JQUERY) 代码:

$("#outline").attr('background-color', 'blue');

最佳答案

background-color 不是 html 属性，它是样式属性 - 请改用 css 函数。

$("#outline").css('background-color', 'blue');

#outline {
  height: 300px;
  width: 300px;
  background-color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="outline"></div>

关于javascript - JQuery .attr 标签不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43023542/