jquery - 更改通过javascript加载的小部件颜色的方法

Question

我的网页包含一些外部 javascript(准确地说是 MET Office 天气小部件)，它将一些 HTML 加载到页面中。

我曾尝试使用 jQuery 更改小部件颜色，以在页面加载后更改特定位的 css，但它似乎不起作用。

<script type="text/javascript">
    $(document).ready(function(){
        $('div#location').css('color', 'red !important');
    });
</script>

有什么建议吗？谢谢。

Answer 1

    $('#location').css({'color':'#f00'});

另外请记住，如果您在 div 中设置了元素样式，它们可能会覆盖容器的样式。更好的解决方案是创建 css 规则并仅将一个类应用于 JS 加载的内容

JS:

    $('#location').addClass('my-awesome-color-class');

CSS:

    .my-awesome-color-class,
    .my-awesome-color-class a, 
    .my-awesome-color-class p { color: #f00 !important } /* ans so on and so forth */