如何在jQuery中定义多个CSS属性?

要在jQuery中定义多个CSS属性,请使用css选择器或addClass()方法。让我们看看如何使用css选择器。

将代表属性名称的字符串与相应的值配对。

示例

您可以尝试运行以下代码,以了解如何在jQuery中定义多个CSS属性:

<!DOCTYPE html>
<html>
<head>

<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#demo").css({
    "background-color": "#F1F1F1",
    "font-style"     : "italic"
});
   
});
</script>

</head>
<body>
<h1 id="demo">Countries</h1>

</body>
</html>