Добавление многократных теней в JQuery

Question

Мой вопрос довольно прост, я пытаюсь нарисовать map с несколькими цветными ячейками в нем. Поскольку я не хочу загромождать свою страницу сотнями ячеек div, я хочу сделать один div, а затем нарисовать на нем «вручную», используя несколько box-shadows.

Однако, мне нужно изменить их динамически, и поэтому я пытаюсь использовать

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

И получается, что JQuery принимает только один аргумент; Я не могу сделать несколько box-shadows, разделив их запятой.

Спасибо за ваше время!

Answer 1

Вы всегда можете передать объект внутри своего css (...). Взгляните на мой пример. Надеюсь, поможет!

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

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