javascript - 如何将第二个 css 规则添加到 javascript .css 函数

Question

如何向此函数添加第二个 css 规则。作为一个例子，我也想改变字体颜色。

$("#Testtable tr td").filter(function () 
        {
        var x = "xyz";
        return $(this).text() === x;
        }).closest('tr').css("background-color", "white");

Answer 1

看看 jQuery docs on .css :

您可以简单地将对象传递给 .css:

$('#myElement').css({
    "background-color": "#ffe",
    "border-left": "5px solid #ccc"
});

该对象可以包含您希望/需要的任意多个 css 属性。

或者，您可以链接.css()调用，但这会效率低下，更难维护，并且需要更多代码来实现与对象相同的功能(所以，这是不的做法):

.css("background-color", "#ffe",).css("border-left", "5px solid #ccc");

有趣的事实:

jQuery 可以识别 background-color 和 backgroundColor。带有连字符的必须包含在引号中:

{"background-color":"white"}

对于后一种情况，在对象中使用时引号是可选的:

{backgroundColor:"white"}

但是，为了保持一致性，我想说:始终使用引号。