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


若要在 jQuery 中定义多个 CSS 属性,请使用 CSS 选择器或 addClass() 方法。我们来看看如何使用 CSS 选择器来实现该功能。

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

示例

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

动态演示

<!DOCTYPE html>
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/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>

更新于: 17-12-2019

1K+ 浏览

开启你的职业生涯

通过完成课程获得认证

开始
广告