如何在Javascript中更改类的样式？

Question

我想使用jQuery选择器更改div的背景颜色，但我无法使其工作。

我的Codepen。

HTML

<div class='demo'></div>

CSS

.demo {
  height: 100px;
  width: 100px;
}

JS

$(document).ready(function() {
  $('demo').style.backgroundColor = "black";
});

Answer 1

.将返回jquery对象而不是dom对象，并且您的选择器缺少 $('.demo').css('background-color ','black'); ，请使用

<p id="forpc"><span>From a young age, <span>both myself</span> and <span>those</span> around <span>me, believed</span> <span>that</span> <span>I would</span></p>

参考：jquery css() doc。