<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>21-jquery-css样式操作的方法</title>
<!– <script src=https://www.2bp.net/wp-content/uploads/2021/12/1d9e0a7d2aaf45ea81083ff4586be437.png alt=21-jquery-css样式操作的方法>
// 2. 链式设置
// 注意:链式操作如果大于3布建议分开, 因为可读性就变差了
// $(“div”).css(“height”, ‘200px’).css(“width”, “150px”).css(“background”, “blue”); // 把div设置成高200,宽150,蓝色背景

// 3.批量设置
$(“div”).css({
width: ‘300px’,
height: ‘250px’,
background: ‘pink’,
});

// 4.获取css样式值
let h = $(“div”).css(“height”) // 获取div的高度并赋值给h
$(“div”).text(h) // 把h的值写到div当中
})

</script>
</head>
<body>
<div></div>
</body>
</html>