如何在 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>

更新时间:2019 年 12 月 17 日

1 千次浏览

启动您的职业生涯

完成课程即可获得认证

立即开始
广告