如何在jquery中更改背景颜色和文本颜色

Question

如何更改段落部分的背景颜色和文字颜色？我用了这段代码：

$(document).ready(function(){   
    $("p:first-child").css("color", "red");
    $(this).css("background", "black");
});

现在我看到我的div文本颜色变为红色，但背景颜色不会改变。

Answer 1

你为什么不这样写？

$("p:first-child").css({"color":"red","background-color":"black"});

将属性作为对象传递给.css()

您的代码不起作用，因为文档就绪中的$(this)将仅指向文档而不是其他元素。

Answer 2

您必须使用background-color代替background。

$(document).ready(function(){   
    $("p:first-child").css("color", "red");
        $(this).css("background-color", "black"); // <----
});

此外 - 此代码目前正在document上设置背景颜色，这可能不是您想要的。更改段落本身的颜色和背景颜色的代码应为：

$(document).ready(function(){   
    $("p:first-child").css("color", "red").css("background-color", "black");
});