Javascript 在jquery中document.ready之后加载的div中添加样式

我在django中使用calendar.js，因此我无法将样式“z-index:1000”（以便正确显示日历）添加到类名称为calendarbox的div中，该div在页面加载后加载

我尝试了以下几点：

<script>
    $(document).ready(function(){
        $(".calendarbox").css("z-index", 1000);
    });
</script>

$（文档）.ready（函数（）{
$（“.calendarbox”）.css（“z-index”，1000）；
});

Calendarbox Div在页面加载后加载

CSS:

--------

只需将此规则添加到css文件：

CSS

检查以下示例

$（'add'）。在（'click'，function（）上{
$（'body'）.append（'newelement！'）；
});
.newElem{color:red}

添加新元素
你有插件文档的链接吗？它看起来像是一个黑客，但不是一个解决方案。为什么不在CSS中描述此规则？我正在使用django customer daterange筛选器。只要新元素具有在页面加载的CSS中定义的类“calendarbox”，此元素将遵循此规则，除非它被其他规则覆盖！该规则是否适用于具有display:none的div；在单击日历之前，显示为：无；一旦用户点击日历，它就会显示：block；以上样式不适用于具有类名或ID的div。当然！但是它将不可见，因为display:none:）您能告诉我css不应用于我的div的所有可能原因吗？它可能会被另一个css规则覆盖，我不能绝对确定。。查看控制台中应用的css
<div id="calendarbox0" class="calendarbox module" style="display: block; position: absolute; left: 2079px; top: 1340px;">
<div>
<div id="calendarin0" class="calendar">
--------

.calendarbox { z-index:1000 }