为什么这段代码不把段落的背景染成红色？

【问题标题】：Why doesn't this code color the background of the paragraph red?为什么这段代码不把段落的背景染成红色？
【发布时间】：2019-06-11 15:28:37
【问题描述】：

为什么这段代码不把段落的背景染成红色？

   <!DOCTYPE html>
    <html>
    <body>
    <p  id="demo">Hi.</p>
    <script>
    $("p").css("background-color", "red");
    </script>
    </body>
    </html>

【问题讨论】：

你的页面没有导入jQuery（会提供$()）
如果你将 jQuery 添加到它的页面。
@RoryMcCrossan 没有规范的欺骗？
不幸的是，由于没有包含 jQuery 导致的大多数问题都是 X/Y 问题（就像这样）。因此，我找不到欺骗目标。我投票决定将其作为基本错误/错字关闭。

标签： javascript jquery html css

【解决方案1】：

当你没有引用 jQuery 时，你正在尝试使用它。
一个纯JS的解决方案是：

document.getElementById("demo").style.backgroundColor = "red";

如果你将 jQuery 添加到你的页面，你可以这样做：

$(function() {
    $("p").css("background-color", "red");
});

正如一些 cmets 添加的那样，如果您将所有脚本都放在了 </body> 结束标记之前，则不需要 document.ready

【讨论】：

document.ready 在此示例中不需要。还有一个更大的问题
你 100% 正确@Rory McCrossan，刚刚编辑了我的回复以供将来参考。谢谢