javascript - 在 JQuery 中添加多个框阴影

Question

我的问题很简单，我正在尝试绘制一个包含多个彩色单元格的 map 。因为我不想用数百个 div 单元格弄乱我的页面，所以我想制作一个 div 然后使用几个 “手动”在其上绘制>盒子阴影。

但是，我需要动态修改它们，所以我尝试使用

$("#mapid").css("box-shadow", "my_shadow_data");

事实证明，JQuery 只接受一个参数；我不能用逗号分隔多个 box-shadows。

感谢您的宝贵时间!

Answer 1

您始终可以在您的 css 中传递一个对象 (...)。看看我的例子。希望对您有所帮助!

$(document).ready(function(){
	$("#mapid").css({
		"color":"white",
		"backgroundColor": "red"
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<div id = "mapid">hello</div>